Skip to main content
Question

Elementor product reviews

  • 28 January 2025
  • 1 reply
  • 16 views

Forum|alt.badge.img

Hi all,

I might have missed an existing topic addressing the integration of WooCommerce product reviews with Klaviyo and Elementor Pro as the page builder.

Is there a method to use Elementor to create a custom product review form that:

  1. Allows customers to submit product reviews (similar to WooCommerce’s native review system) and displays them below the product page.
  2. Triggers an automated workflow in Klaviyo to send a coupon code to the customer who submits the review.

I’d greatly appreciate any guidance or recommendations for achieving this setup.

Did this topic or the replies in the thread help you find an answer to your question?

1 reply

Mich expert
Problem Solver III
Forum|alt.badge.img+6
  • Problem Solver III
  • 63 replies
  • January 28, 2025

Hi mistique,

Great question! Integrating WooCommerce product reviews with Klaviyo and Elementor Pro is entirely possible, but it does require combining a few tools and settings to achieve your desired workflow. Here’s how you can set this up:

Step 1: Create a Custom Review Form in Elementor Pro

  1. Use Elementor’s Form Widget or a review-specific plugin (e.g., WPForms or Fluent Forms) integrated with Elementor to build a custom review form.
  2. Ensure the form collects the necessary data, such as:
    • Customer Name
    • Email Address
    • Product Name/ID
    • Review Content
    • Rating (if needed)
  3. Use a hidden field to pass the product ID dynamically if you're using the form on multiple product pages.

Step 2: Connect the Review Form to WooCommerce

To display reviews below the product page:

  • Use a plugin like Fluent Forms – WooCommerce Integration or a custom solution to save submitted reviews directly to WooCommerce’s review database.
  • Alternatively, you can use ACF (Advanced Custom Fields) or a custom post type to store the reviews and display them below product pages using Elementor’s dynamic content features.

Step 3: Send the Form Data to Klaviyo

  1. Integrate your form with Klaviyo via webhook or plugin:

    • Use Zapier or a similar tool to connect your Elementor form submissions to Klaviyo.
    • Alternatively, set up a webhook to send the form data directly to Klaviyo.
    • Ensure you capture the email address in the form submission to trigger workflows in Klaviyo.
  2. Create a Klaviyo list (e.g., “Review Submitters”) to collect submissions.

Step 4: Trigger a Workflow in Klaviyo

  1. Create an automated flow in Klaviyo:
    • Trigger: Use the list or segment of customers submitting reviews as the trigger.
    • Action: Send an email with the coupon code. You can generate unique coupon codes dynamically or use a static code based on your preference.
  2. Include a condition to ensure only verified reviews receive the reward, if necessary.

Step 5: Test the Integration

  • Submit a test review via the form.
  • Verify that the data is correctly stored in WooCommerce (or your chosen review system).
  • Check if the data is successfully passed to Klaviyo and triggers the workflow.

Recommended Plugins/Tools

  • WPForms or Fluent Forms: For creating forms compatible with Elementor.
  • Zapier or Klaviyo’s API/Webhooks: For syncing form submissions to Klaviyo.
  • WooCommerce Coupons: To manage and distribute coupon codes.
  • Elementor Pro Dynamic Content: To display reviews dynamically below product pages.

Let me know if you need help implementing this setup. Happy to assist further!

Best regards,
Michael
Klaviyo Expert & Email Marketing Specialist