Overview: What are we talking about?

Gingr's Customer Portal allows pet parents ease of access to their information, the ability to request reservations and appointments, upload immunizations, purchase packages, retail items, and more.

While customers can do all of these things within the customer portal by direct access, it's important for the business to provide them a way to access the portal—we recommend that you provide a link to the customer portal on your location's website for this purpose. There are two ways to link to the Gingr customer portal on your website—you can provide a link which would direct the customer to a new window to log into the portal, or you can embed the portal directly into your website.

This article includes:

• Creating a Link to the Customer Portal on your Website
• Embedding the Customer Portal into your Website
• Enabling third-party cookies on embedded customer portals
• FAQ

Helpful Hints: Before you begin.

• Before you get started, take a moment to understand how your business' website is set up. Do you have access to configure it or know who does? You will need access to edit your business website in order to implement the directions below. This may require the assistance of a developer or IT professional. Outside of the instructions below, our support teams are unable to assist with this process.

Creating a Link to the Customer Portal on your Website 

Creating a link for existing customers

1. Edit your website layout.
   
   
2. Add the following link information to your website for existing customers to log in: https://businessname.gingrapp.com/front_end/login/email where you will replace businessname with your own Gingr app (commonly your business name).
   
   
   • Linking the customer portal with a “Log In” button or a “click here to log in” text link will be a more seamless experience for your customers. This link will take customers directly to the login page where they can log in to their existing account in Gingr using their email address or mobile phone number on file.

Creating a link for new customers

1. Edit your website layout.
   
   
2. Add the following link information to your website for existing customers to log in: https://businessname.gingrapp.com/front_end/new_customer where you will replace businessname with your own Gingr app (commonly your business name).
   
   
   • Linking the customer portal with a "Register Now” button or a “click here to register” text link will be a more seamless experience for your customers. This link will take customers directly to the registration page.

Creating a link for contact us

1. Edit your website layout.
   
   
2. Add the following link information to your website for existing customers to log in: https://businessname.gingrapp.com/front_end/facility where you will replace businessname with your own Gingr app (commonly your business name).
   
   
   • Linking the customer portal with a "Contact Us” button will be a more seamless experience for your customers. This link will take customers directly to the lead form.

Embedding the Customer Portal into your Website

While the steps will vary a bit between Content Management Systems (CMS), below are generalized instructions.

Using Inline Targeting

This works by embedding an iframe embeddable code anywhere on the page, which will result in the customer portal being embedded right where that code was placed.

1. You will want to paste this bit of code exactly where you would like your customer portal to be displayed. You'll be pasting in HTML, or Source Code into your website. Be sure to not paste this directly into a rich-text editor or text block.

   1. <iframe src="https://<subdomain>.gingrapp.com/front_end/index"
      title="Gingr" 
      height="800px"
      width="100%"
      frameBorder="0"
      ></iframe>

2. Here, you have some variables within the script. You can customize:
   
   

   • subdomain- this should be the app's subdomain—if the app is demo.gingrapp.com, your subdomain is “demo”.

   • frameBorder- To remove the border of iframe must provide the frameBorder="0" attribute, else feel free to remove this attribute.

   • Set required width and height of the iFrame.
     
     

3. Now, save your changes. The Customer Portal is now embedded where you pasted the code in step #2.

Enabling third-party cookies on embedded customer portals

If your pet parents are having issues accessing the embedded customer portal on your site, you can refer them to the instructions in this related article to have them enable third-party cookies on their devices to access the portal from your site:

How to enable third-party cookies to access the customer portal

FAQ: Check this out!

Can I bypass the login screen for the customer portal?

No, customers will always be required to log in to access their portal.