Promo Amp - Run Engaging Giveaways, Sweepstakes & Competitions

This guide will walk you through the different ways to embed your PromoAmp competition on your website, allowing you to seamlessly integrate your giveaways with your existing web presence.

Standard Embedding Method

The simplest way to add your competition to any website:

After publishing your competition, navigate to the **Summary** tab

Click on **Install on your website** or go directly to the **Install** tab

Copy the provided embed code that looks like this: ```html ```

Paste this code into your website's HTML just before the closing `` tag

Save and publish your website changes

The widget will now appear on your website according to the design settings you configured.

PromoAmp offers different widget types to suit your website design:

The standard popup widget that appears on your website:

During competition creation, in the **Design** step, select **Default** as your widget type

Customize the colors, button text, and other visual elements

When embedded, this widget will appear as a popup on your website

A less intrusive option that starts as a small bubble in the corner:

During competition creation, in the **Design** step, select **Chat Bubble** as your widget type

Customize the bubble color and icon

When embedded, users will see a small bubble that expands to show the full competition when clicked

A banner that appears at the top of your website:

During competition creation, in the **Design** step, select **Top Bar** as your widget type

Customize the bar color, text, and call-to-action button

When embedded, a slim banner will appear at the top of your website

Control where your widget appears on your website:

In the **Design** step, under **Widget Settings**, select your preferred position: - **Bottom Right**: Default position in the corner of the screen - **Bottom Left**: Alternative corner position - **Center**: Appears in the middle of the screen - **Custom**: Set specific positioning using CSS

Adding Tracking Pixels

To track conversions and performance, you can add tracking pixels:

After publishing your competition, go to the **Summary** tab

Find the **Tracking Setup** section

Enter your **Facebook Pixel ID**

Click **Save**

Your embed code will automatically include the tracking pixel information: ```html ```

Embedding on Specific Platforms

WordPress

For WordPress websites:

Edit the page or post where you want to add the competition

Switch to the "Text" or "HTML" editor view (not the visual editor)

Paste the embed code

Update or publish your page

Shopify

For Shopify stores:

Go to your Shopify admin dashboard

Navigate to Online Store > Themes

Click "Actions" and then "Edit code"

Find the template file where you want to add the competition (e.g., theme.liquid for site-wide, or product-template.liquid for product pages)

Paste the embed code just before the closing `` tag

Save the changes

Alternatively, if you've connected your Shopify store to PromoAmp:

After publishing your competition, go to the **Install** tab

Click the **Publish to Shopify** button

PromoAmp will automatically create a page in your Shopify store with your competition embedded

Wix

For Wix websites:

Edit your Wix site in the Editor

Add an "HTML Code" element to your page

Paste the PromoAmp embed code into the HTML component

Click "Update" and publish your site

Squarespace

For Squarespace websites:

Edit the page where you want to add the competition

Add a "Code" block to your page

Paste the PromoAmp embed code

Save and publish your changes

Advanced Embedding Options

Custom Styling

You can further customize your widget by adding custom CSS:

In the **Design** step, under **Advanced Settings**, click on **Custom CSS**

Add your CSS rules to override the default styling

Preview the changes in real-time

How to Embed Your PromoAmp Competition on Your Website

Standard Embedding Method

Widget Types and Customization

Default Widget

Chat Bubble Widget

Top Bar Widget

Widget Positioning