This guide outlines a step-by-step process for creating a campaign that can be seamlessly integrated with your Shopify opt-in and share pages. By following the steps outlined below, you will be able to:
Set up a campaign or giveaway using UpViral.
Create an opt-in page and share page in Shopify.
Integrate the opt-in page and share page codes.
(Note: If you already have an UpViral campaign created and have opt-in and share pages set up on Shopify, feel free to skip steps 1-5.)
Step 1 - Before you begin, ensure that you have created your opt-in and share pages on Shopify. Typically, you will need two pages for this purpose.
To get started, log in to your Shopify store Dashboard and navigate to the Online Store menu. From there, select Pages.
Once you are in the Pages section of your Shopify Dashboard, click on the "Add Page" button. You can name this page anything you like, such as "Opt-in Page".
Create another page, such as "Share Page", and then you'll be ready to proceed with setting up an UpViral campaign.
Step 2 - To get started, select "Create New Campaign" at the top of your dashboard. You can choose from the pre-filled campaign templates or create a custom campaign to suit your needs.
Step 3 - Proceed to the "Design Pages" section to create/edit the design for your opt-in and share widgets. It is essential to have these two designs completed before installing UpViral on your website to ensure that you can successfully launch your campaign.
Step 4 - When editing your opt-in or share page templates, click on the third button located at the top of the page (widget view) to view the UpViral widget in this mode. This will allow you to see how the widget will appear to your visitors once it is installed on your website.
(Note: If you're using an HTML form setup, you don't need to design your opt-in form since you'll be using your own page's form, which usually already has its own design. However, you must ensure that the form fields on UpViral are the same as the fields on your page's form. For instance, if you have a phone field on your page's form, make sure you also have a phone field on your UpViral form)
Step 5 - Once you have created your opt-in and share designs, you are ready to embed your campaign to your Shopify page. Click on the "Launch Campaign" button to proceed with the integration process.
Step 6 - Installation
On the Publish page, click on the “Embed” button then click “+ Embed campaign on another website”
6.1. This will direct you to the next page where you will:
Select "Use Opt-in form of my Website" to embed the campaign to your own website via JS code.
Add the website URL where you wish to embed the opt-in widget.
6.2. Go to the next step where you can now select the JS Code option. Copy the code provided and paste this onto your website's opt-in page editor. After pasting, you can now click the "Test embedding" button below.
6.3. Once tested, you can now choose which fields you want to be enabled and map the fields accordingly:
6.4. In the next step, select the second option and paste the URL of your thank you page on the field provided. You may adjust the widget's width and alignment from here.
6.5. Finally, you can now proceed to the installation of the thank you page code and copy this to your site's Thank You page. Click save once you're done testing.
Congratulations! You have successfully integrated Upviral with your Shopify Opt-in and Share Pages using JS Code!
How to get your support tickets resolved faster
Statistics have shown us that the more you tell us when you report an issue, the faster we solve that ticket. So...
1 - If you have screengrabs, please include them. A picture is worth a thousand words.
2 - If you have recorded a video showing the issue you're having, please include that as well. A video is worth a million words.
We recommend a free service called Loom for creating these videos. (this is a link to https://www.useloom.com/)
3 - To speed up ticket resolution, follow these useful tips How to Write the Perfect Support Ticket (That Gets Results Fast)