How to insert the code provided by Onhub into my website?

Instructions for inserting code into your website.

Here are the instructions for inserting code into your website for each platform. If you don't know how to insert the code, please contact your website development team or reach out to us for timely support.

Guide to Embed Code on WordPress

On the "Fraud prevention setting" page, under the "General Information" tab, select "Copy" next to "Check the embedded code".

Next, log in to the Admin page of the website where you want to embed the code.

First, check if the "Insert Headers and Footers" plugin is already installed in the Admin page settings.

If the “Insert Headers and Footers” plugin is not installed:

Step 1: Click on "Plugins" and select "Add New".

Step 2: Search for "Insert Headers and Footers" in the plugin search box.

Step 3: Click the "Install Now" button, wait for the installation to complete, and then click the "Activate" button.

If the website already has the “Insert Headers and Footers” plugin:

Step 4: In the left-hand menu, click on "Settings" and then "Insert Headers and Footers".

Step 5: Paste the OnHub code you copied into the "Footers" section and save.

Step 6: Verify the code.

Return to the OnHub page and click on "Check" to verify the embedded code on your website.

Verification Results:

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.

Guide to Embed Code on Shopify

1. Copy the Code:

   • On the "Fraud prevention setting" page, under the "General Information" tab, select "Copy" next to "Check the embedded code".

2. Log in to Shopify:

   • Go to your Shopify Admin page and log in with your credentials.

3. Navigate to Theme Settings:

   • In the left-hand menu, go to "Online Store" and then click on "Themes".

4. Edit Code:

   • Find your active theme and click on "Actions" and then select "Edit code".

5. Locate the Header and Footer Files:

   • In the "Layout" folder, find and click on "theme.liquid".

6. Embed the Code:

   • Scroll down to the bottom of the file to find the closing </body> tag.

   • Paste the OnHub code you copied right above the </body> tag.

7. Save the Changes:

   • Click on the "Save" button to apply the changes.

8. Verify the Code:

   • Return to the OnHub page and click on "Check" to verify the embedded code on your website.

Verification Results:

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.

Guide to Embed Code on Haravan

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.

Verification Results:

1. Copy the Code:

   • On the "Fraud prevention setting" page, under the "General Information" tab, select "Copy" next to "Check the embedded code".

2. Log in to Haravan:

   • Go to your Haravan Admin page and log in with your credentials.

3. Select Theme:

   • In the left-hand menu, go to "Website" and then click on "Themes".

   • Choose the theme you want to edit and click on "Edit Code".

4. Embed the Code:

   • In the "Layout" folder, find and click on "theme.liquid".

   • Scroll down to find the line % include footer %.

   • Paste the OnHub code you copied right below the % include footer % line.

5. Save the Changes:

   • Click on the "Save" button to apply the changes.

6. Verify the Code:

   • Return to the OnHub page and click on "Check" to verify the embedded code on your website.

Verification Results:

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.

Guide to Embed Code on Google Tag Manager

1. Copy the Code:

   • On the "Fraud prevention setting" page, under the "General Information" tab, select "Copy" next to "Check the embedded code".

2. Log in to Google Tag Manager:

   • Go to Google Tag Manager and log in with your credentials.

3. Select Container:

   • Choose the container for the website you want to add the code to.

4. Create a New Tag:

   • In the left-hand menu, click on "Tags".

   • Click on the "New" button to create a new tag.

5. Configure Tag:

   • Click on "Tag Configuration".

   • Select "Custom HTML" as the tag type.

   • Paste the OnHub code you copied into the HTML text box.

6. Set Trigger:

   • Click on "Triggering" to set up a trigger for the tag.

   • Select "All Pages" to fire the tag on all pages of your website.

7. Save the Tag:

   • Click on the "Save" button to save your new tag.

8. Publish the Container:

   • Click on the "Submit" button in the top right corner.

   • Add a version name and description if desired, then click on "Publish".

9. Verify the Code:

   • Return to the OnHub page and click on "Check" to verify the embedded code on your website.

Verification Results:

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.

Guide to Embed Code on Joomla

1. Log in to Joomla Admin:

   • Log in to your Joomla administration panel.

2. Go to the Template Manager:

   • Select "Extensions" → "Template Manager".

3. Select the Active Template:

   • Find the template that your website is using from the list of templates (marked with a yellow star).

   • Select to open that template.

4. Edit the Template File:

   • In the right-hand menu, select "index.php".

5. Find the <footer> Tag:

   • Scroll through the code to find the <footer> tag.

6. Copy Code from OnHub:

   • Go to OnHub, on the "Fraud prevention setting" page, under the "General Information" tab, select "Copy" next to "Check the embedded code".

7. Paste Code into Joomla:

   • Return to the Joomla control panel and paste the OnHub code within the <footer> tag.

   • Click "Save".

8. Verify the Code:

   • Return to the OnHub page and click on "Check" to verify the embedded code on your website.

Verification Results:

• If your website has embedded the code correctly:

  • After clicking the “Check” button, you will see the message: "Embed code successfully".

• If your website has embedded the code incorrectly or has not embedded it:

  • After clicking the “Check” button, you will see the message: "Embedding the code failed. Please try again!". In this case, please review the above steps or contact OnHub customer support for assistance.