Skip to main content
All Collections
Embed your links, CTA and price comparison tables.
Embed your links, CTA and price comparison tables.
Alexandre Lemoine avatar
Written by Alexandre Lemoine
Updated over 8 months ago

Links

Links are generated for each distribution channel of your content. You just have to copy/paste them in the content editor of your channel (ex: wysiwyg editor of your web page, youtube description...).

CTA and Price Comparison Tables

Buttons and price tables are generated by a web component (custom element) which is automatically loaded with the identifier of the content to be published.

To do this, there are two possibilities:

Web component integration

Just copy/paste the script, provided in the affiliate content editor, on your webpage in your channel's content editor (ex: wysiwyg editor of your webpage) at the desired location.

In addition to this script, you must also add the following script in the <head> tag of your web page:

<script type="text/javascript" src="https://app.affilizz.com/affilizz.js" async></script>

💡 If this area is not accessible from your editor, you can always paste it just before your content script mentioned above.

You simply need to copy/paste the script of each content provided in the affiliated content edition, on your webpage in the content editor of your channel (e.g., the WYSIWYG editor of your webpage) at the desired location.

To generate the script, click on:

The component is an HTML tag in the following form:

<affilizz-rendering-component loading="lazy" publication-content-id="xxxx"></affilizz-rendering-component>


Component parameters:

  • publication-content-id: Identifier of your affiliated content (button, price table), present in the script by default.

  • loading: Loading behavior. Possible values:

    • 'default': Loads at the same time as the page.

    • 'lazy': Only loads if the area is above the fold (with a 300px height margin to compensate for loading time). This value is given by default to optimize display performance.

  • render-api-url: You can specify the URL of the Affilizz rendering API. This parameter can be useful if you wish to use a proxy from your site to the API, to bypass ad blockers, for example.

Integration of the component in SSR

If you prefer to manage the rendering of the component before it arrives on the client browser side (server side), you can call the rendering directly from the API.

Wordpress

A WordPress plugin is available in order to easily integrate your contents. Search for 'Affilizz' in the Plugin section on WordPress to install and use it on your pages.

Did this answer your question?