---
title: How to build a business showcase ad
description: Build a stunning, responsive business showcase ad to promote local businesses & services.
---

[Skip to content](https://help.indiegraf.com/how-to-build-a-business-showcase-ad#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 17, 2025

# How to build a business showcase ad

## Build a stunning, responsive business showcase ad to promote local businesses & services.

Our **Business Showcase Native Ad Template** is a modern, mobile-friendly ad unit designed to display key information about a business or service. It features a prominent image, logo, business details, and a clear call-to-action. This template is responsive and adapts seamlessly to various screen sizes.

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1564935512/d736b3eedfc997898468e90478bf/Example+-+Business+Showcase+Ad.png?expires=1766124000&signature=564f2eba37a20818bdac2eff2833a2dd5bec66ddd52f19b8dabaa3fa0ebc7d66&req=dSUhEsB9mIReW%2FMW3nq%2BgeqpXuQs%2FyakS1GP%2FRDKNW4%2B7%2BHTamkskK7PKXnz%0AvHk2Uz%2FaB%2BzfXih%2FE33SNQ5URo4%3D%0A)

#### **Requirements**

To get started, ensure you have the following:

- Access to the ***Indie Ads Manager*** platform
- A standard, ***dynamic ad zone*** (not fixed size). This template works best in a sidebar position, but could also be used inline.
- All ***partner content*** including logo, image, copy, etc.

#### **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
8. Set the ad item's size to ***Dynamic*** then complete the remaining fields as needed
9. Select the ***Display: Business Showcase Ad*** template from the drop-down

   ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1564922785/7d288842dec2687223166d6f4294/Business+Showcase+Ad.png?expires=1766124000&signature=ce3cd9953f502edcc74feddfc5521f44872609467ef1fc1e2ebbf7883308cc2e&req=dSUhEsB8n4ZXXPMW3nq%2BgVPM%2BdreYuQvT5CMdlWB5kIEwI2zryCgFbBcqwXd%0Ac11iX8N1cw0VmP4gkLth3zMUE5o%3D%0A)
10. Fill in the ad variables as outlined below
11. Click ***Save Ad Item***

#### **Template Variables**

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1564921560/92e0e1e9086713c6bfbdd3ae8c38/Business+Showcase+Ad+2.png?expires=1766124000&signature=6c3cb5f2415c11d5344af952304b8e72363f6fe09c00457ddc8854e1d1473fc6&req=dSUhEsB8nIRZWfMW3nq%2BgdKYAbRHZhyPEOFzum%2BnpptrOdaB1lwaKnVNjVyF%0AFYUX1Ft4WQ6ibcZEI7PCHC2%2F3So%3D%0A)

 

- **Destination URL:** The full web address where users will be taken after clicking the ad.
- **Main Image:** The main visual of the ad. For best results, use a high-quality image with a 16:9 aspect ratio.
- **Main Image Alt Text *(Optional)*:** A brief description of the main image for accessibility.
- **Logo:** Upload a square logo (1:1 aspect ratio, e.g., 200x200 pixels). A PNG file with no background is recommended.
- **Logo Image Alt Text *(Optional)*:** A brief description of the logo for accessibility.
- **Business Name:** The name of the business or service, prominently displayed at the top of the ad.
- **Business Category:** A text field to specify the category of the company.

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1564921826/580757f73b3d9a950fa2341f2811/Business+Showcase+Ad+3.png?expires=1766124000&signature=7a965297ba85d0f0b8ce4cd407346eb9616eb34f282cbb4b56b3d5692b50e522&req=dSUhEsB8nIldX%2FMW3nq%2BgV5j%2B8OFElB7Wdt4WhN6slHv5R9uAAhZDR5ctUNR%0ANSZlFP3DvjkNFU%2F%2FMgKyR59UoaU%3D%0A)

- **Description:** A compelling but brief description of the business or promotion (1-3 short sentences).
- **Location *(Optional)*:** Enter the physical address or general location of the business (e.g., "Downtown Edmonton" or "123 Avenue T N, Vancouver").
- **Star Rating *(Optional)***: Select a star rating from the drop-down.
- **Rating Count Text *(Optional)***: If applicable, add the number of reviews or ratings (e.g., "125 reviews").
- **Special Offer Text *(Optional)*:** Highlight any offers or promotions (e.g., "20% Off All Summer").
- **Call to Action:** Select a call to action from the drop-down.

- **CTA Button Color:** Define the background color of the CTA button using a HEX color code (e.g., #007BFF).
- **CTA Button Text Color:** Choose the text color on the CTA button (white or black).

 

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1564922118/88c152087dda36eac7c67c46dac0/Ad+Anatomy_Business+Showcase_05_2026.png?expires=1766124000&signature=2f4bc9c6cb6588b7f6752ec4c12dca90a069c861ceeed5fbe51f1a9e1b084b82&req=dSUhEsB8n4BeUfMW3nq%2BgfS0Dfj%2FcWYpCVF6X%2FiPBC%2Bt9gK%2BQV6X2HgMOpZl%0AnNgwXb5Uf%2FyaFwBdNTZEdJW5yp0%3D%0A)

 

#### **Optional Fields**

Several fields will be hidden automatically if left blank. Ensure these fields are truly empty, with no hidden characters.

#### **FAQ & Troubleshooting**

- **What are the best image sizes to use?**   
  For the main image, use a 16:9 aspect ratio; a square image (1:1) works best for the logo.
- **How do I get a HEX color code for the button?**   
  Use an online color picker tool to find the exact code. It should be a 6-character string preceded by a # (e.g., #1A73E8).
- **Can I change the icons for location and special offer?**   
  No. The icons are set within the template code and cannot be changed through the variable fields.
- **Why is the text in the description or business name getting cut off?**  
  The template is designed for concise copy. Try shortening the text in these fields.
- **Why can't I see the ad in the preview?**  
  Native ads with a dynamic size cannot be previewed in Indie Ads Manager. If you attempt to do so, you'll see a blank preview screen with an error message. To preview your dynamic native ad, you can create a private test page on your website.
- **The CTA button is hard to read. What can I do?**  
  This is usually a contrast issue. Ensure the CTA Button Text Color is easily visible against the background.
- **I left a field blank, but a broken icon or empty space is still showing.**  
  Double-check that the field is completely empty, with no spaces or hidden characters.
- **The ad click is not going to the correct website.**  
  Verify the URL in the Destination Field is correct, including the http:// or https:// prefix.

- [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.

<https://www.instagram.com/indiegrafmedia> <https://www.twitter.com/indiegrafmedia> <https://www.facebook.com/indiegrafmedia> <https://www.linkedin.com/indiegraf-media> [mailto:support@indiegraf.com](mailto:support@indiegraf.com)

Copyright © 2025, Indiegraf Media