Our Platform. Your Vision.

Search

Website Integration (Links and Embeds)

Overview

You can seamlessly integrate Redpoint’s booking and scheduling features into your website using links and embed code. This allows your customers to interact with storefronts, offerings, and calendars directly, both from your site and via links to your "portal" sub-domain.
 

Direct Links

In some cases it is preferred to directly link to items in Redpoint HQ from your website, in emails, or on blog posts. These can be via button links, text links, or the raw URL to a Redpoint HQ page. When using direct link, a Redpoint HQ storefront page is shown. 

This provides a simple way for you and customers to access items in Redpoint HQ by simply using a link. Common items to link to are:

Specific Offerings

  • You can choose any plan to link to that has a presentation page, such as a class, waiver membership.
    URL Format Example: portal.yourdomain.com/location/programs/belay-101-class
    Demo Link: https://portal1.climbing-gym.com/uptown/programs/lead-climbing
     
  • The direct link will immediately bring up that offerings description and booking page.
     
  • If the home button is clicked on the booking page, the page will revert to the Home Storefront for that location, regardless of whether that offering is included on that storefront.
     
  • Where to find the Specific Offering direct link:
    • Navigate to: Build > Plans > Select a Plan > Presentation > Edit > Get Home Storefront Link


Storefront Catalog

  • You can link directly to any storefront you create, showing a custom group of offerings organized in any order you choose. 
    URL Format Example: portal.yourdomain.com/location/private-youth-programs
    Demo Link: https://portal1.climbing-gym.com/uptown/private-storefront
     
  • This is commonly done for private storefronts that are emailed out to specific customers, such as when emailing booking pages for youth programs that you only want that customer to book from.
     
  • If the home button is clicked on the private storefronts, the page will stay at that private storefront.
     
  • You can link to sub-menu's of the private storefront.
     
  • Where to find a Storefront Catalog direct link:
    • Navigate to: Build > Storefronts > Select / Expand Storefront



Member Portal

  • You can link directly to your member portal so that customers can manage memberships, bookings, payment methods and balances.
    URL Example: portal.yourdomain.com/profile
    Demo Link: https://portal1.climbing-gym.com/profile

 

Website Embed Code

You have a few powerful options to directly embed Redpoint HQ into your website. This is typically done by using storefronts, or specific offerings that open a lightbox on your website page.

Common items to embed on your website are:

Storefront Catalog

  • Display a grid of offerings (tiles with image, description, and a "Book Now" button) directly on your site.
  • These tiles are fully controlled by Redpoint—when offerings are updated in Redpoint, your site reflects those changes automatically.
  • Example: Edgeworks Indoor Courses

You can embed any menu node of a storefront into your website. It is recommended that you make one website storefront for each gym location, containing all menu groups that you want to show as individual storefront catalogs.

Example: If you want to embed all memberships, climbing school, and youth programs as different embedded catalogs on your website, then create one storefront with each of those grouped as separate catalogs in the same storefront. 

Specific Offerings

  • Add “Book Now” buttons or links that lead directly to a specific service or program.
  • You control these buttons and link them to individual Redpoint offerings.
  • Example: Edgeworks Personal Training

Storefront Calendars

 

Integration Options

You can choose how Redpoint content behaves on your site via three methods:

  1. Modal Lightbox (recommended): Embed the experience within a lightbox that opens over your existing website using an iframe. This keeps users on your site and maintains branding continuity.
     
  2. Same Tab: Direct customers to your Redpoint subdomain where the full experience loads as a standalone page.
    (similar to Direct Links above)
    Commonly used when you have a button on your website that you use to open an offering or storefront.
     
  3. New Tab: Direct customers to your Redpoint subdomain where the full experience loads as a standalone page, but in a new browser tab
    (similar to Direct Links above)

 

Create a Redpoint Subdomain

In order to keep users on your site and maintain branding continuity, it is important to first set up a "portal" sub-domain. This will serve as the base for all embedded traffic. This should be done prior to creating embed links.

This subdomain is typically set up during onboarding with assistance from the Redpoint team.

Example: https://portal.yourgymhere.com

 

Locating and Inserting Your Embed Code

Storefront Catalog and Calendar

To embed a storefront catalog or a Calendar so that it appears as a lightbox, you must insert into your website HTML the embed code that contains both the JAVASCRIPT and the IFRAME code:

  1. Navigate to the Build > Storefronts.
     
  2. Find the desired Storefront and click Edit.
     
  3. In the left-hand menu, click on the Catalog or Calendar you want to embed.
     
  4. Click Show Embed Code.
     
  5. Copy the JAVASCRIPT and IFRAME code and insert into your HTML where you want the Catalog or Calendar to appear
     


 

Example Lightbox Embed Code:

<script type="text/javascript" src="https://portal.YOURDOMAIN.com/js/embed.js"></script>
<iframe class="js-RphqEmbed" src="https://portal.YOURDOMAIN.com/LOCATION/embed/programs?origin=programs&embedMode=lightbox" width="100%" style="border: 0;"></iframe>
 

Specific Plan

To embed a specific plan so that it appears as a lightbox, such as a button to a waiver, you must insert into your website HTML the embed code that contains both the JAVASCRIPT and the LINK code:

Follow these steps to find the embed code for a specific Plan, such as a waiver:

  1. Navigate to the Build > Plans.
     
  2. Find the desired Plan and click Presentation and then Edit.
     
  3. In the center of the page, click on the blue Get Embed Link Tag button.
     
  4. Click Show Embed Code.
     
  5. Copy the JAVASCRIPT and LINK code and paste it to where you want your link to appear.
     


 

Example Lightbox Link to Specific Plan:

<script type="text/javascript" src="https://portal.YOURDOMAIN.com/js/embed.js"></script>
<a data-redpoint="lightbox" data-lightboxcolor="#ac1213" data-lightboxurl="https://portal.YOURDOMAIN.com/lightbox/LOCATION/programs/intro-course" href="https://portal.YOURDOMAIN.com/uptown/programs/intro-course">Intro Course</a>


Examples From Current Users

Check out how other gyms have implemented Redpoint:

Need Additional Help?

Redpoint will guide you through integration during onboarding, and we will show you where to locate any embed code needed within our different menus. For advanced customization, your web developer may need to assist in styling or placement.

 

 

 

Related to