EchoRewards
  • Features
    • Referral Coupon Generation
    • Coupon Customization
    • Email Customization
    • Floating Referral Widget
    • Reporting and Analytics
  • Pricing
  • Products
  • Help Center
    • Docs
    • Blogs
    • Video Tutorials
    • What's new?
    • FAQ
    • DreamLab Hire us!
    • Join Community
    • Support & Contact
  • Roadmap
  • Join Community
  • Get Started Now
  • WP Dark Mode
    WP Dark Mode

    A stunning WordPress Dark Mode experience

  • FlexTable
    FlexTablehot HOT

    Automatically sync Google Spreadsheets with WP tables

  • FormyChat
    FormyChat

    Send contact form leads to WhatsApp

  • FlexStock
    FlexStock hot Hot

    Sync WooCommerce stock with Google Sheet and manage easily

  • FlexOrder
    FlexOrder new ⚡

    Manage WooCommerce orders from Google Sheets

  • Easy Video Reviews
    Easy Video Reviews

    Get powerful video testimonials with ease and boost sales

  • EchoRewards
    EchoRewards new ⚡

    Referral Plugin for WooCommerce

  • Jisi Meet
    FlexMeeting

    Webinar & video conferences within WordPress

  • FlexSync for Shopify
    FlexSync for Shopify new ⚡

    Manage Shopify inventory from Google Sheets

  • ArchiveMaster
    ArchiveMaster new ⚡

    Speed up your WooCommerce store by archiving old orders.

  • OMG Chat Widgets
    OMG Chat Widget

    Let customers contact via any social channel

  • Stock Notifier
    Stock Notifier for WooCommerce

    Send alerts to customer when product is back in stock

EchoRewards Docs

15
  • How to get started with EchoRewards
  • How to configure the referral coupon settings
  • How to configure the reward coupon settings
  • How to send referral coupons via email
  • How to send reward coupons via email
  • How to share referral coupons with friends
  • How to enable/disable the floating referral widget
  • How to show or hide the WooCommerce referral tab on your store
  • How to set a discount cap
  • How to include/exclude referral coupons on products/categories
  • How to use EchoRewards Gutenberg block and Elementor referral widget
  • How to use EchoRewards referral shortcodes
  • How to use EchoRewards with WPFunnels & FunnelsKit
  • How to configure recurring discounts with EchoRewards
  • How to change ‘Menu name’ and ‘Icon’ in My Account Page
  • Home
  • Docs
  • EchoRewards Docs
  • How to use EchoRewards Gutenberg block and Elementor referral widget
View Categories

How to use EchoRewards Gutenberg block and Elementor referral widget

If you are using Gutenberg or Elementor page builder to customize your site, the Gutenberg block and Elementor widget for EchoRewards will let you seamlessly integrate referral programs into your website.

Using EchoRewards Gutenberg Block #

Open the post or page where you want to add the referral block using the Gutenberg editor. Click on the “+” icon to add a new block and search for “EchoRewards.”

Select the preferred block from the available blocks. Customize the block settings such as title and button text color etc.

Save or update the post/page to apply the changes.

Using Elementor Referral Widget #

Edit the page with Elementor where you want to display the referral widget.

Search for “EchoRewards” or “Referral” in the Elementor widget panel.

Drag and drop the “Referral” widget to your desired section of the page. Configure the widget settings such as title, button text color etc.

Update the page to apply the changes.

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on May 4, 2025
How to include/exclude referral coupons on products/categoriesHow to use EchoRewards referral shortcodes
Table of Contents
  • Using EchoRewards Gutenberg Block
  • Using Elementor Referral Widget

Elevate your store with a dynamic and rewarding referral system!

Logo
  • Home
  • Pricing
  • Docs
  • Support
  • Partners
  • Roadmap
  • Affiliates
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
WPPOOL Logo

© 2026 WPPOOL. All Rights Reserved.

×