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:
- Create an opt-in page and share page in Shopify.
- Integrate the opt-in page and share page codes.
(Note: If you haven't created your Upviral campaign, you may follow the steps on How to create a campaign?)
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 - Installation
On the Publish & Embed page, click on the “+ Embed Campaign” button:
2.1. This will direct you to the next page where you will:
Select "Embed Upviral opt-in Widget" if you want to embed the widget as a Pop-up.
Add the website URL where you wish to embed the opt-in widget.
2.2. In the Opt-in widget settings, you can choose to display the UpViral widget as a pop-up on your page by selecting the "Pop-up" option.
You can customize the pop-up by setting the background opacity, enabling or disabling "Show pop-up on page load," and making the pop-up closable.
Additionally, you can set the number of days to hide the pop-up after the user closes it.
2.3. In the Share widget settings, you have two options. You can choose to display the share widget on the same page as your opt-in widget or redirect it to another page using a third-party tool.
If you choose to redirect the share widget to another page, you will need to enter the page URL where you want it to appear after the user has signed up. In addition to the Step 2 options, you will also be able to preview your Share widget as shown below:
2.4. The fourth step provides you with the necessary codes that you need to copy and paste into your website's editor. If you are unsure how to add the codes to your webpage, you may need to seek assistance from your web host.
On the Installation page, copy the "Embed Opt-in Widget" code, and then go to your Shopify opt-in page to paste the code. If you have a button, you can use the “Link to open Popup” to embed.
On your Shopify opt-in page editor, click on the "HTML" button, and then paste the Upviral opt-in widget code. Finally, click on "Save" to save the changes.
Return to the Upviral Installation page and copy the code for the Share widget.
In your Shopify Share page editor, click on the "HTML" button, and then paste the Upviral share widget code. Finally, click on "Save" to save the changes. Once both the opt-in and share pages have been edited and saved, publish them.
To test your Upviral integration, go back to the Installation page and click on "Test Embedding". If the test is successful, click on "Save" to apply the changes.
Lastly, configure the destination of your referral traffic by specifying the URL where you want to redirect the referral links of your participants. This will determine where your participants' referral link will redirect to once clicked.
Congratulations, you have successfully integrated Upviral with your Shopify opt-in and share pages!
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)
