How do I embed a giveaway on a Shopify landing page?
Quick answer
To embed a Giveaway Ninja giveaway on a Shopify page, create a new page template in the theme editor, add the Giveaway Embed app block and paste your Giveaway ID into its settings. Then assign that template to a page under Online Store > Pages. Shoppers can join right on the page, without opening the pop-up.
By default, Giveaway Ninja runs your giveaway in a pop-up widget. To improve the experience, you can create your own landing page and embed the giveaway on it.
A dedicated landing page has three benefits:
- It's easier to promote the giveaway with a direct URL (for example, shop.com/pages/giveaway). Get more ways to drive traffic to your giveaway.
- Faster onboarding: users can join without clicking the launch button
- Brand experience: you can build a page that fits your brand and marketing goals
For what to put on the page around the embed, read how to build a Shopify giveaway landing page that converts.
1) Open the theme editor and go to PAGES
From your Shopify Admin, go to Online Store > Themes, then click Customize to open the theme editor.
In the theme editor, click the PAGES dropdown at the top of the page.
2) Create a new page template
Click CREATE TEMPLATE to create a new page template for your giveaway.
Enter a template name (for example, "Giveaway Embed") and choose the page it should be based on. Usually that's Default Page.
3) Add the Giveaway Embed app block
Click Add Section in your new template.
Open the Apps section and find the "Giveaway Embed" app block.
Click it to add it to your page template.
4) Copy your Giveaway ID
Open the Giveaway Ninja Campaign editor and click GIVEAWAY.
Find and copy your Giveaway ID in the Giveaway Details section.
5) Configure the app block
Back in the theme editor, paste the Giveaway ID into the app block settings.
Use the CUSTOM CSS section to fine-tune the block's styling and appearance.
Use the Mobile Margin Adjustment setting to fine-tune the padding on mobile devices if needed.
6) Save and create your page
Click Save to save your template.
Now go to Online Store > Pages and create a new page, or edit an existing one.
Under the template selection, choose your new template (for example, "Giveaway Embed") to apply it to the page.
7) Update your URLs
Edit your giveaway and make sure all the shareable URLs lead to your landing page (for example, https://shop.com/pages/giveaway).
You may want to check:
- Shop URL under the Giveaway Details settings
- URL to share under the Refer-a-Friend action
Want shoppers to see what each product earns too? See how to show giveaway entries on Shopify product pages.
Done
You can now share the giveaway with your audience 😎
Not on Shopify? Here's how to embed a giveaway on a Wix site.
People also ask
Where do I find my Giveaway ID?
Open the campaign editor, click GIVEAWAY and copy the ID from the Giveaway Details section. New to the editor? Start with how to set up a giveaway on Shopify.
Why isn't my embedded giveaway showing?
Check the Giveaway ID, that the page uses the new template, and that the campaign is enabled with a past start date. More fixes in why your giveaway isn't showing up.
Can I embed a giveaway on a site that isn't Shopify?
Yes. Copy the code from the EMBEDDING CODE section of your giveaway and paste it into any page that accepts custom HTML. See how to embed a giveaway on a Wix site.
Why use a landing page instead of the pop-up?
You get a direct link to promote, shoppers join without clicking a launcher, and the page matches your brand. Get ways to drive traffic to your giveaway.
Still stuck?
Our support team is available 24/7 and always replies. Send us a message and we'll help you sort it out.