🔗Connect a Conversion

If you using Webflow, then you should follow the guide here: Optibase Webflow App

Once you have created a Conversion inside of the Optibase web app, you need to connect it to an actual HTML element inside of your website. This way, Optibase knows which HTML element belongs to which Conversion.

Add a custom attribute to the HTML element to connect a Conversion to an HTML element.

Click Event

If you want to trigger a Conversion Event when the user clicks an HTML element on your page, then you should add the data-optibase-click-conversion-id attribute to the HTML element.

You can find the data-optibase-click-conversion-id here:

You can copy it simply by clicking on it.

You need to then add this attribute to the HTML element:

Before:

<button>Sign Up</button>

After:

<button data-optibase-click-conversion-id="sign_up">Sign Up</button>

Submit Event

If you want to trigger a Conversion Event when the user submits an HTML form element on your page, then you should add the data-optibase-submit-conversion-id attribute to the HTML form element.

You can find the data-optibase-submit-conversion-id here:

You can copy it simply by clicking on it.

You need to then add this attribute to the HTML form element.

Before:

<form>
  ...
</form>

After:

<form data-optibase-submit-conversion-id="sign_up">
  ...
</form>

Programmatic Conversion

This is a Conversion that is triggered programmatically by calling the optibaseSendConversionEvent(userFriendlyConversionId) JavaScript function.

You can set up a Programmatic Conversion with Google Tag Manager: Trigger Conversions with GTM

You can also trigger this conversion from the server: Server-side Conversions

Page View, Scroll Depth, Time on Page

Conversions of this type do not need to be connected to an element in HTML since they work based on the URL you define when creating them.