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

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 configure the referral coupon settings
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
  • Roadmap
  • Affiliates
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
WPPOOL Logo

© 2024 WPPOOL . All Right Reserved.

×