If the advertiser's site was built on Tilda site builder, follow the steps below to integrate your offer with the Tilda site.

To make it easier for you to integrate, open two browser windows in advance: in one window, open your personal account on HOQU, in the other - your personal account on Tilda.

Step 1

Go to the offer card (“More about the offer”), in the “Integration” section, copy the link into the Postback URL field before the “?” mark.

For example, copy only what is highlighted by "__" :

https://trackerdomain.com/a77f98765-a987-76u9-42j8-2y4u5u87g8uy/s2s?click_id={click_id}&request_id={request_id}&action={action}&status={status}

Step 2

In the site project section on Tilda, go to the “Site settings” menu. In the left side menu, open the "Forms" section, scroll down and click on the "Webhook" field.

In the “Webhook URL” field, paste the previously copied link (Step 1) and click “Add”. After the question “Add a data receiver to all forms on the site?” click “Add”.

Next, you will see the newly added Webhook in the "Forms" - "Connected Services" section.

If necessary, you can go to the settings of this Webhook to change its name or URL.

Step 3

Next, copy the domain name of the advertiser's website to Tilda. Go to the relevant HOQU offer card (from where you copied the Postback URL in Step 1), click “Edit” and go to the “Tracking” section.

Paste the previously copied domain name to the “Tracking URL” field, and click “Save”.

Step 4

Copy the JS code:

<script>
$(function () {

const FORM_NAME = "hoqu_form";
const STATUS = "hold";
const ACTION = "";

function getClickId() {
const urlParams = new URLSearchParams(location.search);
let CLICKID = urlParams.get('click_id');
if (CLICKID) {
sessionStorage.setItem('click_id', CLICKID)
} else {
CLICKID = sessionStorage.getItem('click_id');
}

return CLICKID;
}

$( `[value=${FORM_NAME}]` ).each(function(i){
$(this).after(`<input value=${getClickId()} name="click_id" type="hidden" />`);
$(this).after(`<input value=${+new Date()} name="request_id" type="hidden" />`);
$(this).after(`<input value=${ACTION} name="action" type="hidden" />`);
$(this).after(`<input value=${STATUS} name="status" type="hidden" />`);
});
})
</script>


Now, return to Tilda. On the main page of the site project, go to the main section (next to the "home" icon) and click on the “+” sign.

Example:



Next, in the block library that appears on screen, select the “T123” block.



Click the "Content" tab:



Paste the copied JS code into the “HTML / WIDGET CODE” field.



Find the code line
const ACTION = “”;
and insert the name of the corresponding Action inside the quotes. You can find the name of the corresponding action in the the offer card, in the “Rate Activation” section:



In the example from the image above, this line of code will look like this:
const ACTION = “action”;

Click Save.

Then click on the “+” sign and create the Form, if you have not created it before.



Go to the Form settings:



And copy the name of the form:



Click Save if you haven't already.

Return to the field where you inserted the JS code “HTML CODE / WIDGET CODE”.
In the line
const FORM_NAME = “”;
paste the previously copied form name inside the quotes.

In the example from the picture above, the line of code will look like this:
const FORM_NAME = “TEST”;

Click Save.

Now publish this project on Tilda.



Step 5

Log into the test affiliate's account (in incognito mode), create a campaign for this offer with a website on Tilda and get a campaign URL.

Paste this URL into the browser, fill out the form (which we reviewed in Step 4) and submit it (the “Submit” button, as a rule). This will create a test lead.

Next, check if this lead is displayed in the statistics of the test affiliate and the personal account of your network.

If you see a test lead in the statistics, then the integration was successful!

If you followed all the steps correctly, but the test lead did not appear in the statistics, message your HOQU manager.
Was this article helpful?
Cancel
Thank you!