Creating A Dedicated Referral Page

With the dedicated Loox Referral page, you can instantly turn your visitors and customers into brand advocates.

The article below will help you create a dedicated Loox Referral page using the Shopify Theme Editor and all the customization options available.

Creating your Loox Referral page using the Shopify Theme Editor

To create a dedicated Referral page using the Shopify Theme Editor:

  • Inside your Shopify Theme menu, click "Customize":

  • Inside the Theme Editor. click on the page template dropdown menu:

  • Open "Pages":

  • Click "Create template":

  • Name your page and click "Create template":

  • Inside your new page template, click "Add section" under "Template", and select "Onsite Referral Widget":

  • Click "Save".
  • Inside your Shopify Admin's "Pages" menu, click "Add page":

  • Give your page a name, and select your newly created page template:

  • Click "save".

Now that your page is set up and ready to go, feel free to add it to your store's navigation bar/menu from the Shopify Navigation menu.

Using our built-in integration with Shopify's Online Store 2.0 themes, you can also customize the Onsite Referral Widget directly from the Theme Editor.

The Customization options are:

  • Maximum Width: Adjust the widget's maximum width.
  • Layout: Select "Display Photo" to display your own custom image or a Shopify "Free image" on the widget. When set to "No Photo", the Onsite Referral Widget will only display text.
  • Primary color: Choose the color of the "Get Discount Link" button. This overrides the default color set in your Loox app "Onsite Referrals" settings page.
  • Text color: Choose the color of the widget's text.
  • Text field border color: Choose the color of the border lines around the widget's text fields.
  • Background: Choose the color of the widget's background.

Still need help? Contact Us Contact Us