Promo Cards in BetterLinks let you turn any affiliate link into a conversion-focused product box — also known as an affiliate product box — complete with a product image, pricing, badge, and call-to-action buttons. Unlike generic product box builders, every Promo Card button is powered by a BetterLinks short link, which means every click is automatically tracked in your BetterLinks Analytics.
In this guide, you will learn how to create your first Promo Card and publish it anywhere on your WordPress site. Promo Cards is a premium feature, so make sure you have BetterLinks Pro (v3.0 or later) installed and activated.
Step 1: Open the Promo Cards Dashboard #
To get started, navigate to BetterLinks → Promo Cards from your WordPress dashboard.
If this is your first visit, the dashboard will be empty. Click on the ‘Add card’ button to create your first Promo Card.
This will instantly open the Promo Card designer, where you can configure your card and watch it take shape in the Live Preview panel on the right.
Step 2: Configure Your Promo Card #
Add Your Product Details #
From the ‘Product’ section, choose your Product Source. Select ‘Custom’ to enter the product details manually — this works for any product or service you want to promote. (If you run a WooCommerce store, you can pick ‘WooCommerce’ instead to import a product’s name, image, and prices automatically — we will cover that in a separate guide.)
Then, type in your Product Name. To add a product image, click on the upload area — this opens your WordPress Media Library, where you can upload a new image or pick an existing one, then hit the ‘Select’ button.
Once selected, the image appears in the designer and your card starts taking shape in the Live Preview:
Set Up Your Call-To-Action Button #
Every Promo Card can have a Primary and an optional Secondary button. Under ‘Short Link’, search and select any of your existing BetterLinks short links — or flip the ‘Create New Link’ toggle to generate a brand-new short link by simply typing the destination URL.
Next, set your Button Text, and configure the two toggles:
- Tracking: keep this enabled to route clicks through your short link, so they appear in BetterLinks Analytics.
- Nofollow: adds a
rel="nofollow sponsored"attribute to the button — recommended for affiliate links.
Add Pricing #
From the ‘Pricing’ section, you can set a Regular Price and a Sale Price. When both are set, the sale price is displayed prominently while the regular price appears struck through — a proven way to highlight a deal.
Choose a Template & Add Content #
Head over to the ‘Layout & Content’ section to pick one of the five ready templates — Epsilon, Vega, Pollux, Sirius, and Orion — each with a different image placement and button arrangement. The Live Preview updates instantly as you switch.
In the same section, you can add a Badge (e.g. ‘20% OFF’) and write a short, scannable description for your product.
Style Your Card & Disclosure (Optional) #
Want to match your brand? The ‘Button Style’ and ‘Card Appearance’ sections let you customize colors, borders, radius, and spacing. And from the ‘Disclosure’ section, you can display an affiliate disclosure under the card — either your global BetterLinks disclosure text or a custom one for this card.
Step 3: Publish Your Promo Card on Your Site #
Once you are happy with the Live Preview, hit the ‘Save’ button. You will be taken back to the Promo Cards dashboard, where your new card is listed along with its ready-to-use shortcode — click the copy icon to grab it.
Now paste the shortcode into any post, page, or widget area. You can also insert the Promo Card block in the Gutenberg editor, or use the Promo Card widget in Elementor — all three methods render the same card.
Here is how the finished Promo Card looks on a live page:
That’s it — every click on your card’s buttons is now tracked, and you can monitor its performance from BetterLinks → Analytics.
Getting stuck? Feel free to contact our support team for further assistance.
