HPRS LogoHPRS

Widget Embed

Add your promotion widget to any web page so people can enter without leaving your site. This works on custom HTML pages, CMS pages, and blog posts where script tags are allowed.

Embedding on a Page

Copy and Paste the Install Snippet

Open your promotion in HPRS, copy the widget snippet from the Embed section, and paste it into your page where you want the widget to appear.

<noscript><a href="https://hprs.co">HPRS Marketing</a></noscript>
<script src="https://hprs.co/widget/hprs.1.0.0.min.js" async></script>
<div
  data-hprs-contest="yourContestKey"
  data-hprs-api-base="https://hprs.co"
  data-hprs-site-base="https://hprs.co"
></div>

You can place this in a page builder HTML block, a CMS code block, or directly in your site template.

Example

Widget Loaded in the Embed Harness

This is how the widget renders when loaded from a page on a different origin.

Widget embed harness with controls and loaded widget preview

Live Widget View

What Visitors See

Visitors can view your promotion content and submit their details directly inside your page.

Loaded promotion widget showing header, media, form fields, and footer

Platform Tips

Where to Paste It

  • WordPress: use a Custom HTML block for the snippet.
  • Shopify: paste in the page HTML editor, not the rich text editor.
  • Webflow / custom sites: place snippet in an embed element or template where scripts are allowed.

Next Steps

Go-Live Verification

Before launch, run production API/script checks and a quick browser smoke test.

Back to Verify Dashboard