When using UpViral, you have the option to integrate it into your own website or third-party tools. Below, we'll guide you through how to set this up exactly.


Requirements:

  • Please note that for UpViral to function, your audience needs to enter their email address in an UpViral form, be it through our widget, Universal Capture, or an HTML form. 
  • If you're using your own form, you can install UpViral using the HTML form codes or Universal Capture. If you're using our form and embedding it on your page, then you'll install UpViral as a widget on your page.



Make sure you create an UpViral campaign first by clicking on "Create New Campaign" at the top of your dashboard. . You may follow the steps in this article on How to Create a Campaign?

Installation & Embedding Your Campaign 

On the SETUP page, click Embed from the left-hand panel. Then click on  + Create embed



STEP 1 
In the Where will you embed the campaign field, type the URL of the website where you want the campaign to appear.




STEP 2

Select Your Opt-In Form

  • Choose UpViral opt-in form to use the built-in UpViral widget.

  • Alternatively, choose Connect your own form if you prefer to use your site’s existing form.

     (For this guide, we’ll select the UpViral opt-in form.)



STEP 3 

Under Choose how to show your opt-in form. This step is where you select the opt-in settings:

  1. Standard - if you want to embed UpViral as a widget directly displayed on your website

  2. Pop-up - if you want to use a text/button before the UpViral widget is displayed as a pop-up on your website

  3. Slide In (Popover) - if you want to use a popover button before the UpViral widget is displayed on the corner of your website

  4. Opt-in Form / HTML Form code- if you already have an existing form with name and email fields (usually for ClickFunnels setups or setups where you're using your own autoresponder form design on a page)

  5. If you select "Connect your Own Form" in the previous step, you will be embedding the campaign via Universal Capture. This option is ideal if you already have an existing form with name and email fields.





STEP 4

Copy the Embed Code

  • Scroll to Embed this code to your site.

  • Click Copy code to copy the snippet provided.



   Add the Code to Your Website

  • Paste the code into the <body> section of your page’s HTML.
     ⚠️ Important:

    • Do NOT place this code inside <header> or <footer>.

    • Only embed one UpViral code per page.

 Test Your Embedding

  • Click Test embedding to ensure your form displays correctly before going live.

STEP 5

Choose Where to Redirect Users
 After a visitor signs up, decide where to display the share page:

  • Same page – The share widget appears on the same page as your opt-in form (page refreshes).

  • Another page – Redirects users to a separate URL where the share widget will be embedded.

A.  If You Select Same Page

The share widget will be displayed on the same page as the opt-in widget (after a page refresh). Proceed to Step 6.


B.  If You Select Another Page:

  1. Enter the URL where the Share Page will be embedded.

  2. Click Save.

  3. Repeat the embedding steps for the Share Page:

  • Specify Where to Display the Share Page
     Enter the URL (e.g., www.UVcampaigntest.com).

  • Adjust Alignment & Size

    • Alignment: Left, Center, or Right
      Widget Width: e.g., 80%

  • Embed the Code

    • Copy the snippet provided.

    • Paste it into the <body> of your page.

⚠️ Important Notes:

  • Do not embed in the <header> or <footer>.

  • Avoid embedding multiple UpViral codes on the same page.

  • Test the Embed: Click Test embedding to verify correct display.


FINAL STEP

Redirect Referral Users

Decide where referral leads (users who join via a shared link) will be sent:

  • Redirect referral users to this embed – Sends all referral traffic to this specific embedded version of your campaign.

  • Switch off – Referral traffic is sent to:

    • The UpViral-hosted campaign page, or

    • Any other website where this campaign was previously embedded.


A. You’ll see a confirmation message:  “Your campaign has been embedded successfully!” ?

B. Click on  Save and Exit to preview your live campaign.



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)