Connecting the Customer Portal to Your Location's Website (Customer Portal 2.0)

Jude N.
Jude N.
  • Updated

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 that 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:

 

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.portal.gingrapp.com 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 new customers to create an account: https://businessname.portal.gingrapp.com/#/public/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 and go to the Contact Us form: https://businessname.portal.gingrapp.com/#/secure/more/contact-us 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.

 

Embedding the Customer Portal into your Website

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

Important: Mobile browsers are often not compatible with an embedded portal experience. If using a mobile device, pet parents are recommended to use a direct link on a mobile browser or the Pet Parent Mobile App. 

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>.portal.gingrapp.com"
      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.

 

 

Was this article helpful?

2 out of 3 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.