If your eCommerce is in Reskyt, integrate your Connectif account with Reskyt and send native push notifications through the app.
In this article, you’ll learn how to integrate your Connectif account with Reskyt to collect contact activity and automate sending push notifications through your eCommerce app.
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 application after activating the extension with Reskyt in your Connectif Store.
- Recover abandoned carts.
- Implement remarketing strategies through Reskyt push notifications.
- Send birthday greetings to contacts.
- Send a first purchase anniversary discount.
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 gather contact activity in Reskyt.
3. What Connectif data can you use in Reskyt?
Likewise, 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 Connectif contact data.
Before you start: what to consider
To integrate your Connectif account with Reskyt and automate native push notifications, you will need to:
- Request Reskty to activate the API and its value, to be able to use it.
In addition, you should bear in mind some of Reskyt’s properties for sending mobile push notifications:
- It is not possible to unsubscribe a contact from these notifications as there is no mechanism to notify you in case of delivery error.
- Mobile pushes have no statistics or analysis for submissions, opening or clicks.
- The number of clicks could be retrieved using UTM options on the link, but it is not a default value.
- The contact will have one device at most, as only one token can be stored in the custom field.
- Two or more contacts can have the same Reskyt token, as they could start multiple sessions on the same device, for example.
STEP 1: Creating the custom field that will store the Reskyt token
(This section will create the custom field that will collect the Reskyt token, i.e. the contact identifier in the App).
1. Go to "Contacts > Contact fields" and click Add new custom field.
2. Assign it the Text type and click Go to Editor.
3. Give it the Name and ID "reskyt-token" and click Save.
STEP 2: Creating the workflow to collect the contact's token
(This section will create the workflow that will collect contact activity while browsing the Reskyt app and in Connectif update the custom field you created in STEP 1. This activity will be collected using a script that will be inserted into Reskyt using inline content).
4. Go to Workflows and click Create new workflow.
5. Select a new blank workflow.
6. In the "Start node”, select All contacts from my list.
7. Add the trigger node "On page visit" so that the workflow is activated the moment a contact visits the web.
8. Add the "Check value" condition node and access the node editor.
9. In the settings of the "Check value" node, select the User Agent operator obtained from the "On page visit" node and drag it to the left column of the center panel.
10. From the right column, select the Literal value and drag it to the middle panel, to the right column. Then enter the text "rktwebview" in that value.
11. Click Update.
12. Add the "Send web content" action node to insert the script that will check contact activity via Reskyt.
13. Do not edit the junction of this node with the "Check value" node, so that "Yes" appears.
14. Click (Edit node settings) of the “Send web content” node and Create new content to generate new content.
15. When creating new content, select Inline as the type, give it a name, for example "Reskyt Script", and click 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") || "";
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 Save to keep your changes to the layout and Back to selector to go back and finish configuring the node.
18. Once you’ve 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 advisable to include the content in the product page or another page that is rendered both on the website and in the app.
20. Click Complete .
21. Save and activate Workflow.
STEP 3: Creating the outbound data event to show pushes in Reskyt
(In this section you’ll create the event that will send the information from Connectif to Reskyt to allow push notifications to be displayed within the app).
22. Go to Store Backoffice in the left side menu.
23. In the tab selector, go to "Integrations > Custom integrations (webhooks)" and click Create new integration.
24. Set the "Integration name" field to identify the integration and click Update.
25. On the Send data tab, click Create new Outbound event.
26. Within that screen, give the event a name.
27. Click Add a new header and name it "x-api-key" and enter the Reskyt API value in Value.
In order to use it, you’ll need to request this value from Reskyt, as well as activation of its API.
28. Click Add a new field to create each custom field and fill in its information:
- Create a Text field with the name and ID "dateEnd".
Although it is not mandatory to add the end date, we do recommend it, for example in strategies where you want to send a push with an offer, so that it stops being sent when the offer ends.
- Create a Text field with the name and ID "pictureUrl".
- Create a Text field with the name and ID "title" and mark it as mandatory.
- Create a Text field with the name and ID "tokens" and mark it as mandatory. Enable the JSON options and give it the parameter "/tokens/0".
- Create a Text field with the name and ID "url".
- Create a Text field with the name and ID "utmCampaign".
29. Click Save.
STEP 4: Creating the workflow to send a push notification in Reskyt
(In this section you’ll create the strategy that will send a push notification to the Reskyt app).
30. Go to Workflows and click Create new workflow.
31. Select a new blank workflow.
32. In the "Start node", select the Dynamic Segment Plus you created to filter Reskyt contacts.
34. Look for the action node that you created when you created the Reskyt integration (step 3) and add it to your workflow.
35. In the node settings, drag the "reskyt-token" field from the contact information and match it to the "Tokens" value in the right column. Match the rest of the values with a Literal field to give it the form and information that your push will contain in Reskyt.
36. Click Update to save the node configuration and activate your workflow.
Keep learning!
To make the most of your Connectif account, we recommend reading these articles next:
- Custom integration for receiving data, to learn how to use information that is not registered by default on the platform.
- Predefined webhooks, to integrate your Connectif account with WhatsApp, Doofinder and other webhooks on 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 registrations or contact registrations.