Spur

Pop-ups are an essential tool for collecting customer details like Name, Email, and Phone Number in exchange for incentives such as discounts or VIP list access. By integrating Klaviyo pop-ups with Spur, you can automatically add these contacts to Spur and start engaging with them on WhatsApp through personalized messages or automations.

Klaviyo popup for collecting name, email and phone number

In this article, we’ll walk you through the step-by-step process of setting up the integration between Klaviyo and Spur.

___________________________________________________________

Log in to your Klaviyo account and navigate to the Flows section.

Click Create Flow and name it (e.g., "Popup Subscribers").

Add a tag to segment contacts who enter the flow (e.g., "Popup").

Naming the flow and adding a tag to the flow users in Klaviyo

1. Log in to your Klaviyo account and navigate to the Flows section.

2. Click Create Flow and name it (e.g., "Popup Subscribers").
3. Add a tag to segment contacts who enter the flow (e.g., "Popup").
 Naming the flow and adding a tag to the flow users in Klaviyo

Add the Added to List trigger to the flow.

Select the list where your pop-up collects subscriber information (e.g., "SMS List").

1. Add the Added to List trigger to the flow.
 Adding a trigger to a Klaviyo flow
2. Select the list where your pop-up collects subscriber information (e.g., "SMS List").
 SMS List trigger Klaviyo Flow
3. Save the trigger.

Log in to your Spur account and go to Automation Flow.

Create a new flow for the WhatsApp Channel.

Select Start from Scratch and use a Webhook Trigger.

1. Log in to your Spur account and go to Automation Flow.
2. Create a new flow for the WhatsApp Channel.
 Creating a new automation flow in Spur
3. Select Start from Scratch and use a Webhook Trigger.
4. Copy the Webhook URL generated by Spur.
 Webhook trigger in Spur Automation flow

Return to Klaviyo and add a Webhook block after the trigger block in your flow.

Rename the webhook block for easy identification (e.g., "Spur Webhook").

1. Return to Klaviyo and add a Webhook block after the trigger block in your flow.

2. Rename the webhook block for easy identification (e.g., "Spur Webhook").
3. Paste the Webhook URL copied from Spur.

In the JSON body, include the Name and Phone Number fields to send data to Spur.

Use the following code snippet (make sure you add a comma after the email field):

, "name": "{{ person.first_name|default:'' }}", "phone": "{{ person.phone_number|default:'' }}"

1. In the JSON body, include the Name and Phone Number fields to send data to Spur.
2. Use the following code snippet (make sure you add a comma after the email field):
 , "name": "{{ person.first_name|default:'' }}", "phone": "{{ person.phone_number|default:'' }}"
3. Save the block settings.

Double-check your flow settings to ensure everything is configured correctly.

Screenshot of activating the flow in Klaviyo.

1. Double-check your flow settings to ensure everything is configured correctly.
2. Turn on the Klaviyo automation.
   Screenshot of activating the flow in Klaviyo.

Step 7: Add a Tag or Send a Message in Spur

- Add a tag to the contact (e.g., "Klaviyo Subscriber").
 Screenshot of adding a tag in Spur.
- Send a message using a template like <code>ecomsend_spin_the_wheel_popup</code>.
 Screenshot of setting up a message template in Spur.

Optionally, add a delay before sending the message.

Irrespective of what you choose, the contact will be created and saved in Spur.

1. In Spur, you can choose to:
 - Add a tag to the contact (e.g., "Klaviyo Subscriber").
 Screenshot of adding a tag in Spur.
 - Send a message using a template like <code>ecomsend_spin_the_wheel_popup</code>.
 Screenshot of setting up a message template in Spur.
2. Optionally, add a delay before sending the message.
3. Turn on the Spur flow and hit save.
 Turning on and saving the Spur Flow
4. Irrespective of what you choose, the contact will be created and saved in Spur.

Test the integration to ensure data flows correctly from Klaviyo to Spur.

- If you want the flow to exit after a customer replies, add an exit condition to the webhook trigger in Spur.
- Use a WhatsApp Template to start conversations outside the 24-hour window.

1. Test the integration to ensure data flows correctly from Klaviyo to Spur.
2. Notes:
 - If you want the flow to exit after a customer replies, add an exit condition to the webhook trigger in Spur.
 - Use a WhatsApp Template to start conversations outside the 24-hour window.

If you encounter any issues or have questions, reach out to us on our <a href="https://wa.me/918595690644" rel="nofollow noopener noreferrer" target="_blank">WhatsApp Support</a>.

Integrate Klaviyo pop-ups with Spur to send WhatsApp messages, tag contacts, and automate customer engagement effortlessly.

Step 1: Create a New Flow in Klaviyo

Step 2: Set Up the Trigger

Step 3: Create a Webhook in Spur

Step 4: Add the Webhook in Klaviyo

Step 5: Configure the JSON Body

Step 6: Review and Activate the Flow

Step 7: Add a Tag or Send a Message in Spur

Step 8: Test the Integration

Need Help?