UserLoop Contests

Embed & QR Code

Open in
View as Markdown Open in ChatGPT Open in Claude
James

James

Last updated on Jul 23, 2026

Beyond your Shopify store, you can share your contest on external websites using an iframe embed code, or generate a QR code for print materials.

Iframe Embed Code

The embed code lets you display your contest entry form on any website that supports HTML — blogs, partner sites, landing pages, etc.

To get the embed code:

  1. Open your contest and go to the Share tab.
  2. Find the Embed section.
  3. Click Copy embed code.

The embed code is an <iframe> snippet that loads your contest page:

<iframe
  src="https://yourstore.com/apps/contest/your-slug"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; max-width: 600px;"
></iframe>

Usage tips:

  • Paste the code into any HTML page or content editor that supports custom HTML.
  • Adjust the width, height, and max-width values to fit your target page layout.
  • The contest form inherits its own styles (your configured colors), so it looks consistent regardless of the host page.
  • The contest must be Active for the embed to display the entry form.

QR Code

QR codes let customers scan and enter your contest from physical materials — flyers, product packaging, in-store signage, event banners, etc.

To get a QR code:

  1. Open your contest and go to the Share tab.
  2. Find the QR Code section.
  3. The QR code is generated automatically and links to your contest page URL.
  4. Click Download PNG to save the QR code image.

Use cases:

  • In-store displays — Place a QR code at your checkout counter or on shelf signage.
  • Product inserts — Include a card with the QR code inside product packaging.
  • Event materials — Add to flyers, banners, or business cards at trade shows and events.
  • Print ads — Include in magazine or newspaper advertisements.

Tips:

  • Make sure the QR code is printed large enough to scan easily — at least 1 inch (2.5 cm) square.
  • Test the QR code with your phone before printing.
  • Add UTM parameters to your contest URL before generating the QR code to track entries from print sources (e.g., ?utm_source=flyer&utm_medium=print).