--- title: How to build a native logo scroller description: Use our flexible logo scroller ad template to enhance sponsor recognition on your website --- [Skip to content](https://help.indiegraf.com/how-to-build-a-native-logo-scroller#main-content) English Show submenu for translations [Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=en) [![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=en) Open main navigation Close main navigation - English Show submenu for translations - [Publisher Portal](https://portal.indiegraf.com/tickets) How can we help you? - There are no suggestions because the search field is empty. 1. [Indiegraf](https://help.indiegraf.com/?hsLang=en) 2. [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en) 3. [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates) December 18, 2025 # How to build a native logo scroller ## Use our flexible logo scroller ad template to enhance sponsor recognition on your website ### **Requirements** To get started, ensure you have the following: - Access to the Indie Ads Manager platform - A standard [dynamic ad zone](https://47815976.hs-sites.com/understanding-zones-in-indie-ads-manager?hsLang=en) (not fixed size) - Ideally, the logo scroller is the only ad that will be assigned to this zone - Sponsor logos, ideally a PNG file without background, but can also be a JPEG - For best results, use a square logo (or 1:1 aspect ratio) ### **Flexible Template** Our logo scroller ad template is built to be flexible. You can include a minimum of 3 logos, up to a maximum of 10 logos.   ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1492876035/5d6e01255093b113e8715fc28b65/Logo+Scroller+GIF.gif?expires=1766188800&signature=30ec3a55f2fdba4f016078502e311197a5c245b46c1431e0406db87bfd25bfb1&req=dSQuFMF5m4FcXPMW3nq%2BgWVDXkUqrg98RBIiQl9ZF6kbeBPe9hZHcic5lNwM%0AUSnurNpqY%2B3%2BCl0686oE5f60mUc%3D%0A)   ### **Step-by-Step Guide** 1. Log into Indie Ads Manager and navigate to the relevant Advertiser record (or create a new Advertiser) 2. Click ***Add Campaign*** and select ***Standard Campaign*** 3. Enter a name for your Campaign and adjust the targeting & scheduling levels 4. Click ***Create Campaign*** 5. In your newly created campaign, click ***Add Ad Item*** 6. From the ***Add Ad Item*** window, select ***Native (Custom Rendering/API)*** 7. Give the ad a name (required) 8. Set the ad item's size to ***Dynamic*** then complete the remaining fields as needed 9. Select the ***Display: Logo Scroller (Flexible)*** template from the drop-down 10. Fill in the ad variables. These variables repeat for each logo: 1. **Sponsor Logo:** include a jpeg or png logo file, ideally all logos should have a similar aspect ratio 2. **Sponsor Name:** the sponsor name will be added as the logo image alt text, it will not display on the ad itself *(optional)* 3. **Sponsor URL:** include a destination URL for users who click on a logo *(optional)* 11. Repeat step 10 for each logo (minimum of 3 logos) 12. Click ***Save Ad Item*** ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1492894872/a99dc7e4303aeaa8aff61f1dbdf4/Logo+Scroller+Back+End.png?expires=1766188800&signature=7eef1c3c37c9c20ed6bcc96efbcfe7ec3d909abdb6a2c2b4ebf978c1b412aa89&req=dSQuFMF3mYlYW%2FMW3nq%2BgY8yMVdZBO39IRDVddpyYfkqHibqtbE4i64TAVsb%0AIItHT4%2F%2Fdf1HtNEi8fV9nwgXFYg%3D%0A)   You are now ready to assign your ad to the relevant zone. ### **Add to Your Website** Here are some best practices for using the logo scroller: - Request a new ad zone for the logo scroller - Only assign the logo scroller ad unit to that specific zone - Place the zone on your website wherever you would like it to appear. Some recommended places include: - Your homepage - At the bottom of your articles - On your "Advertise With Us" page - Customize the headline for the logo scroller, for example "Thank You to Our Sponsor Network" - Include separators to border the logo scroller top and bottom ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1492887524/91ba058fee98dd5e7e4aa866a3a2/Anatony+of+a+Logo+Scroller.png?expires=1766188800&signature=c33c0d1f7531626beb09ceb3cc9004ce99db84579d76ddddd9cb2f7643fc2382&req=dSQuFMF2moRdXfMW3nq%2BgbQYLEyio9w%2Ft0dDaOeMgxu0eywDvSbgYKSgR1d%2F%0Acodzse%2F9Av4nNfdqueptrVU7zEk%3D%0A) ### **Read-Only Code** When building your ad using a native ad template, you will see a window with the template code. This code is read-only; you cannot edit (or break) the template from the Ad Item build window. ### **Troubleshooting** - **Logos are not equally sized**: This will happen if you use logos with a variety of aspect ratios because the logos are resized to fit within the template. If possible, use logos that have similar aspect ratios, whether they're 1:1 (square) or 16:10 (rectangular) - **Logos are difficult to read**: Try uploading a simplified logo, aim for logos with simple colors and no tagline to ensure it displays properly. **Still Not Working?** Connect with our support team for additional help. - [Welcome to Indiegraf](https://help.indiegraf.com/welcome-to-indiegraf?hsLang=en) - [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en#main-content) - [Quick Start Guide](https://help.indiegraf.com/onboarding?hsLang=en#quick-start-guide) - [Indie Website](https://help.indiegraf.com/indie-website?hsLang=en#main-content) - [Analytics & Growth](https://help.indiegraf.com/indie-website?hsLang=en#analytics-growth) - [Audience Engagement & Forms](https://help.indiegraf.com/indie-website?hsLang=en#audience-engagement-forms) - [Configuring your Homepage](https://help.indiegraf.com/indie-website?hsLang=en#configuring-your-homepage) - [Content Creation & Management](https://help.indiegraf.com/indie-website?hsLang=en#content-creation-management) - [Design & Page Layout](https://help.indiegraf.com/indie-website?hsLang=en#design-page-layout) - [Indiegraf Pay](https://help.indiegraf.com/indie-website?hsLang=en#indiegraf-pay) - [Media & Visual Assets](https://help.indiegraf.com/indie-website?hsLang=en#media-visual-assets) - [Paywall Solution: Pelcro](https://help.indiegraf.com/indie-website?hsLang=en#paywall-solution-pelcro) - [SEO and Google Tools](https://help.indiegraf.com/indie-website?hsLang=en#seo-and-google-tools) - [Site Administration](https://help.indiegraf.com/indie-website?hsLang=en#site-administration) - [Technical Questions](https://help.indiegraf.com/indie-website?hsLang=en#technical-questions) - [Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#main-content) - [Quickstart Video Guide: Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#quickstart-video-guide-indie-email) - [Account Setup & Foundations](https://help.indiegraf.com/indie-email?hsLang=en#account-setup-foundations) - [Contact Management](https://help.indiegraf.com/indie-email?hsLang=en#contact-management) - [Creating Campaigns](https://help.indiegraf.com/indie-email?hsLang=en#creating-campaigns) - [Sending Campaigns & Automation](https://help.indiegraf.com/indie-email?hsLang=en#sending-campaigns-automation) - [Troubleshooting & Deliverability](https://help.indiegraf.com/indie-email?hsLang=en#troubleshooting-deliverability) - [Analytics](https://help.indiegraf.com/indie-email?hsLang=en#analytics) - [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#main-content) - [Reporting & Statistics](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#reporting-statistics) - [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles) - [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates) - [Quick Start Guide](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#quick-start-guide) - [Payment Solutions](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#payment-solutions) - [Hearken](https://help.indiegraf.com/hearken?hsLang=en#main-content) - [Planning and Preparing to Launch with Hearken](https://help.indiegraf.com/hearken?hsLang=en#planning-and-preparing-to-launch-with-hearken) - [Collecting Questions](https://help.indiegraf.com/hearken?hsLang=en#collecting-questions) - [Collecting Votes](https://help.indiegraf.com/hearken?hsLang=en#collecting-votes) - [Reporting an Answer](https://help.indiegraf.com/hearken?hsLang=en#reporting-an-answer) - [Spreading Hearken Across Your Organization](https://help.indiegraf.com/hearken?hsLang=en#spreading-hearken-across-your-organization) - [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed) - [Workflow Features](https://help.indiegraf.com/hearken?hsLang=en#workflow-features) - [Platform Features](https://help.indiegraf.com/hearken?hsLang=en#platform-features) - [Setting Up Notifications and Alerts](https://help.indiegraf.com/hearken?hsLang=en#setting-up-notifications-and-alerts) - [Setting up APIs and webhooks](https://help.indiegraf.com/hearken?hsLang=en#setting-up-apis-and-webhooks) - [Data collection and exporting](https://help.indiegraf.com/hearken?hsLang=en#data-collection-and-exporting) - [Automatic categorization](https://help.indiegraf.com/hearken?hsLang=en#automatic-categorization) - [Social, outreach, and marketing](https://help.indiegraf.com/hearken?hsLang=en#social-outreach-and-marketing) - [Events and In-Person Engagement](https://help.indiegraf.com/hearken?hsLang=en#events-and-in-person-engagement) - [Monetizing your Hearken work](https://help.indiegraf.com/hearken?hsLang=en#monetizing-your-hearken-work) - [Indiegraf Experts](https://help.indiegraf.com/indiegraf-experts?hsLang=en) - [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#main-content) - [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos) - [General](https://help.indiegraf.com/general?hsLang=en) - [RevEngine](https://help.indiegraf.com/revengine?hsLang=en#main-content) - [Getting Started with RevEngine](https://help.indiegraf.com/revengine?hsLang=en#getting-started-with-revengine) - [International giving](https://help.indiegraf.com/revengine?hsLang=en#international-giving) - [RevEngine Core](https://help.indiegraf.com/revengine?hsLang=en#revengine-core) - [Organization management](https://help.indiegraf.com/revengine?hsLang=en#organization-management) - [Working with Stripe](https://help.indiegraf.com/revengine?hsLang=en#working-with-stripe) - [Contribution page basics](https://help.indiegraf.com/revengine?hsLang=en#contribution-page-basics) - [Customizing your page](https://help.indiegraf.com/revengine?hsLang=en#customizing-your-page) - [Branding and images](https://help.indiegraf.com/revengine?hsLang=en#branding-and-images) - [Advanced page settings & features](https://help.indiegraf.com/revengine?hsLang=en#advanced-page-settings-features) - [Portal & contribution management](https://help.indiegraf.com/revengine?hsLang=en#portal-contribution-management) - [Contribution data](https://help.indiegraf.com/revengine?hsLang=en#contribution-data) - [Analytics and Reporting](https://help.indiegraf.com/revengine?hsLang=en#analytics-and-reporting) - [Best Practices and Recommendations](https://help.indiegraf.com/revengine?hsLang=en#best-practices-and-recommendations) - [Receipts, reminders and transactional communications](https://help.indiegraf.com/revengine?hsLang=en#receipts-reminders-and-transactional-communications) - [Security & Legal](https://help.indiegraf.com/revengine?hsLang=en#security-legal) - [Common issues](https://help.indiegraf.com/revengine?hsLang=en#common-issues) [![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=en) Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere. [mailto:support@indiegraf.com](mailto:support@indiegraf.com) Copyright © 2025, Indiegraf Media