Referred By Widget Integration

To integrate the shopping cart referred by widget in your store theme:

Go to the Online Store section in the Shopify admin panel.

Here, go to the Themes section and click on Customize.

Now, go to the Home page > Select the Cart option.

Next, click on Add section.

After this, select the Custom Liquid option.

Now, open the Custom Liquid section.

Copy the following code from Look and Feel > Toolbars > Shopping Cart Referred By section:

<div class="gfp_ref_input"></div>

Next, paste the code into the Custom Liquid box.

Finally, click on Save.

The referred by widget will be displayed on the cart page of your store.

The Shopping Cart Referred by widget has three input types:

You can go to Look and Feel > Toolbars > Shopping Cart Referred By and click on Customize. Here, you can choose how to display the referred-by widget input.

Auto-Complete/Search Input: Customers can enter an affiliate's name to search for them.

Affiliate List Dropdown: A dropdown list will appear, allowing customers to select an affiliate.

Referral Code Input: The customer can enter the affiliate's referral code, which is the unique code found at the end of the affiliate's referral link.

<div>
<label>Referred By</label>
<input type="text" id="gfp_refcode_input" /> 
</div>

<input type="text" id="gfp_refcode_input" />