Inline web content

Inline web content is inserted into your ecommerce site to display custom content as if it were a native element, with no need to modify the code or alter the structure of your website. In this way, you can transform your ecommerce site to adapt to each contact and offer a personalized browsing experience.


In addition to the inline content explained in this article, Connectif works with up to five types of web content that you can use to personalize the interaction with your contacts:
Popup web content.
Full-screen web content.
Slide-in web content.
Floating bar web conten.



1. Properties

  • Unlike other web content, inline is not superimposed on the website where it is displayed, rather it is inserted into it, as if it were a native element.
  • Inline web content is designed in the Web Content Editor, so no programming knowledge is required to create it.
  • Inline content allows you to insert custom content or HTML code anywhere on your website.
  • Through workflows, you can change the behavior of inline content depending on the contact and/or their actions. You can also establish responses to users’ interaction with the conte
  • Inline content generates statistics related to its views, interactions and participation in the purchase process.


1.1. General properties

The general properties that define inline-type web content are as follows:

  • Name: the name of the inline content, to identify it in your Connectif account.

  • Tags: classification of the content to help you recognize and locate it quickly. Click   Enter tags and add keywords to help you identify it.
  • Borders: color, thickness and style of your content borders.
  • Background: color and image effects for the background layer that is superimposed on your ecommerce site and against which the inline content is displayed.
  • Shadow: color and shading effects of the structure that will display your content.
  • Z Index: numerical value indicating the order of overlapping layers.
  • Responsive breakpoint: responsive design threshold (up to what screen width will be understood as a mobile device).


2. How it’s used in Connectif

2.1. Create or edit inline content

You can create or edit inline content via two routes:

1. From “Content > Web”. Click  Create new web content to generate new content or click  More   and select Edit to modify existing inline content.


2. From the Send web content node in a workflow, by clicking   (Edit node settings). You can click   Create new web content or   Edit to modify an existing inline content.


When creating new web content, select Inline as the type then click   Create new content.



To learn about all the available settings and layout options when designing your inline content, see this article on the Web Content Editor.


2.2. Display inline content

To display inline content on your ecommerce site, three elements are required

  • An inline-type web content design.
  • A selector that determines the appropriate position to display the inline content.
  • A workflow whose task is to display the selected content in the place indicated by the conditions set in its design.

If you want to learn more about how to find the right selector and insert inline content in your ecommerce site, click here.

If you are using VTEX IO, please click aquí.


2.3. Respond to a click on inline content

When a contact clicks on a inline content, you can respond with new actions using the node "On Web Content Click". This way, you can give your campaigns a greater degree of personalization.


If you want to learn more about how to respond to an inline click in a workflow, click here.


2.4. Query inline content statistics

Once implemented in a working strategy, inline content provides access to two types of data:

  • Statistics related to customer interaction with that content, such as views and clicks, among others.
  • Sales attributed to interaction with that content.

With this information, you can find out how much impact the inline content is having in each workflow where it is used.


If you want to learn more about inline content stats and how to access them, click here here.




You’ve reached the end of the tutorial.


Do you have questions?
Don’t forget, our Connectif specialists are here to help you. To contact them, just open a Support ticket by clicking the blue “Help” button on your dashboard.


Keep learning!

To make the most of your Connectif account, we recommend reading these articles next:

Was this article helpful?
0 out of 0 found this helpful