Integrate your Connectif account with Reskyt to send native push notifications through the app.
In this article, you will learn how to integrate your Connectif account with Reskyt to capture contact activity and an example of a workflow that sends a push notification to Reskyt.
Why implement the extension
1. Use cases you can create after this integration
Here are some ideas that can help you implement different strategies in the Reskyt app after activating the extension with Reskyt in your Connectif Store.
- Recover abandoned carts.
- Carry out remarketing strategies through Reskyt push notifications.
- Send birthday greetings to contacts.
- Send a discount for the anniversary of the first purchase.
2. What can you do with Connectif in Reskyt?
With this extension, from Connectif you can create automated strategies to send push notifications through the Reskyt app.
Additionally, you can capture the contact's activity in Reskyt.
3. What Connectif data can you use in Reskyt?
Also, in Reskyt you can leverage all the information collected in the contact's profile, as well as their real-time activity, to personalize notifications with the contact data from Connectif.
Before you start: what you should keep in mind
To integrate your Connectif account with Reskyt and automate sending native push notifications, you will need:
Request from Reskyt the activation of the API and its key to be able to use it.
Also, you should keep in mind some properties of mobile push notifications sent through Reskyt:
- It is not possible to unsubscribe a contact from these notifications, since there is no mechanism to notify in case of delivery error.
- Mobile push notifications do not have statistics or analysis of sends, opens, or clicks.
- The number of clicks could be recovered through UTM options in the link, but this is not a value collected by default.
- A contact can have at most one device, since only one token can be stored in the custom field.
- Two or more contacts may have the same Reskyt token, as they could, for example, start several sessions on the same device.
STEP 1: Creating the custom field that will store the Reskyt token
(In this section, the custom field that will capture the Reskyt Token, that is, the contact identifier in the App, will be created).
1. Go to "Contacts > Contact Fields" and click on Add new custom field.
2. Assign it the type Text and click on Go to editor.
3. Assign it the Name and ID "reskyt-token" and click on Save.
STEP 2: Creating the workflow to capture the contact's token
(In this section, the workflow that will capture the contact's activity during their navigation through the Reskyt app and update, in Connectif, the custom field you created in STEP 1. This activity will be captured through a script that will be inserted in Reskyt via an inline).
4. Go to Workflows and click on Create new workflow.
5. Select a new blank workflow.
6. In the "Start Node", select All contacts in my list.
7. Add the trigger node "On page visit" so that the workflow activates the moment a contact visits the website. In the node configuration, under the Limitations tab, remove all limitations.
8. Add the condition node type "Check value" and access the node editor.
9. In the "Check value" node configuration, select the operator User Agent, obtained from the "On page visit" node, and drag it to the left column of the central panel.
10. Select, from the right column, the value Literal and drag it to the central panel, to the right column. Then, enter the text "rktwebview" in that value.
11. Click Update.
12. Add the action node type "Send web content" to insert the Script that will check the contact's activity through Reskyt.
13. Do not edit the connection of this node with the "Check value" node, so that "Yes" appears.
14. Click on (Edit node configuration) of the “Send web content” node and Create new content to generate new content.
15. When creating new content, select the type Inline, assign it a name, for example "Reskyt Script", and click on Create new content.
16. Add an HTML component and edit it by copying and pasting the following code:
<script>
(function connectifReskyt(global) {
if (global.connectif &&
global.connectif.managed &&
global.connectif.managed.isInitialized()) {
getReskytToken();
} else {
global.document.addEventListener(
"connectif.managed.initialized",
function onConnectifInitialized() {
getReskytToken();
}
);
}
function getReskytToken() {
var reskytToken = getCookie("token_md5");
if (!reskytToken) {
return;
}
var previousReskytToken = global.sessionStorage.getItem("cn_reskyt_token");
if (reskytToken !== previousReskytToken) {
global.connectif.managed.sendEvents([], {
entityInfo: { "reskyt-token": reskytToken },
onResponded: function onResponded() {
global.sessionStorage.setItem("cn_reskyt_token", reskytToken);
}
});
}
}
function getCookie(name) {
var value = "; " + global.document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length === 2) return parts.pop().split(";").shift();
}
})(window);
</script>
17. Click on Save to keep the changes and on Back to selector to return and finish the node configuration.
18. Once you have selected the Inline content you just created, click Next.
19. In Configuration, add the appropriate selector to display the content. In this case, it is recommended to include the content on the product page or another page that is rendered both on the web and in the App.
20. In the Limitations tab, remove all node limitations. Finally, click Finish to save the node configuration.
21. Save and activate the Workflow.
STEP 3: Creating the data sending event to show pushes in Reskyt
(In this section, the event that will send information from Connectif to Reskyt to allow push notifications to be displayed inside the App will be created).
22. Access Store Settings in the left side menu.
23. In the tab selector, go to "Integrations > Custom integrations (webhooks)" and click on Create new integration.
24. Set the "Integration name" field to identify the integration and click on Update.
25. In the Send data tab, click on Create new sending event.
26. Within that screen, assign a name to the event.
27. In the box Webhook URL to send the message, paste the Reskyt API URL to send push notifications. In this case, the URL is "https://push.api.reskyt.com/push/send".
28. Click on Add a new header and assign it the Name "x-api-key" and, in the Value, enter the Reskyt API key.
You must request this value from Reskyt, as well as the activation of their API, to be able to use it.
29. Click on Add a new field to create each of the custom fields and complete their information:
- Create a field with the name and ID "dateEnd" of type Text.
Although it is not mandatory to add the end date, it is recommended, for example, in strategies where we want to send a push informing about an offer, so that it stops sending when the offer ends.
- Create a field with the name and ID "pictureUrl" of type Text.
- Create a field with the name and ID "title" of type Text and mark it as mandatory.
- Create a field with the name and ID "tokens" of type Text and mark it as mandatory. Enable the JSON options and assign it the parameter "/tokens/0".
- Create a field with the name and ID "url" of type Text.
- Create a field with the name and ID "utmCampaign" of type Text.
- Create a field with the name and ID "heading" of type Text and mark it as mandatory.
30. Click on Save.
STEP 4: Creating the workflow to send a push notification in Reskyt
(In this section, the strategy that will send a push notification to the Reskyt app will be created).
31. Go to Workflows and click on Create new workflow and select a New blank workflow.
32. In the "Start Node", select the Dynamic Plus Segment you created to filter Reskyt contacts.
34. Find the action node you created when integrating with Reskyt (step 3) and add it to your workflow.
35. In the node configuration, drag the "reskyt-token" field from the contact information and match it with the "Tokens" value in the right column. Associate the rest of the values with a Literal field to shape the content and information your push notification will contain in Reskyt.
36. Click on Update to save the node configuration and activate your workflow.
Keep learning!
To take full advantage of your Connectif account, we recommend continuing with the following articles:
Custom integration to receive data, to learn how to use information not registered by default on the platform.
Predefined Webhooks, to integrate your Connectif account with WhatsApp, Doofinder, and other webhooks from your website.
Use Cases, to get ideas and strategy templates that you can apply in your Store.
API Integrations, to manage events such as purchase records or contact sign-ups.