Cet article est actuellement disponible en anglais et en espagnol. Vous pouvez vous servir de cette documentation en attendant qu'elle soit disponible dans votre langue.
Integration via server-rendered tags is the most agile custom integration option with Connectif. It consists of adding hidden HTML tags that are generated in the website’s HTML and, once they are loaded, Connectif's JavaScript will automatically collect the information and send it to your account.
To create this type of integration, you’ll need an expert with programming knowledge.
How to integrate Connectif using server-rendered tags
Through this integration you will be able to configure the sending of information about what happens on your website, as well as synchronize contacts, visited pages, products, purchases, carts, etc.
1. Add Connectif JavaScript
Configure the Connectif JavaScript on the web to load on all pages and integrate via events.
2. Adding HTML Tags
To synchronize all the information, these are the tags that will need to be added and where:
1. On all pages:
- "Contact Information" tag: to record the data of ecommerce visitors.
- "Current shopping cart status" tag: to describe the contact’s shopping cart at a given moment..
- "Page Tag": to assign a tag to a page.
2. On product category pages:
- "Page Category" tag: to assign a product category to a page.
3. On product detail pages:
- "Contact has visited a product" tag: to report that the contact has visited a specific product while browsing the website.
It is very important that the "Contact has visited a product" tag is always rendered, as the product checker needs it to verify that the product is correct and to update any changes. This tag will be responsible for synchronizing the product catalog.
- "Contact has searched for a product" tag: to identify a visit to a product as a direct result of a product search.
4. On search result pages:
- "Contact has performed a search" tag: to indicate that a search has been performed and to identify which terms have been used.
5. On the purchase pages (checkout success):
- “Purchase made” tag: to register purchases made by the contact.
6. On the pages where the event occurs:
- "Contact has logged in" tag: to indicate that the contact has logged in.
- “Contact has registered” tag: to indicate a new registration.
- "Newsletter subscription" tag: to indicate that a contact has subscribed to the newsletter.
3. Configure Web Push notifications
To complete the integration, configure the Service Worker that allows you to receive Web Push subscriptions and send notifications to your contacts.
4. Validate the integration
Once you’ve implemented the sending of information to Connectif, the next step is to confirm that the integration has been carried out correctly.
Congratulations!
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:
-
Onboarding, to learn all about our interface.
-
Initial workflows, to implement your first strategies in your account.
-
Integrations with external systems, to integrate your Facebook, website forms and webhooks.
-
API integrations, to administrate events such as order registration or contact sign-ups.