Introduction

Gingr allows you to embed custom CSS & JavaScript into the customer-facing application. This allows you to do many things, but the most common use cases are customized color & fonts and embedded advertising campaign trackers. This functionality is offered by Gingr, but requires the help of a 3rd party web developer hired by your business. Our support and development teams are not able to provide guidance for implementing the following instructions.

Add Custom CSS and JavaScript 

1. Navigate to Left-hand Navigation: Admin » Custom Configurations. 
   
   
2. Locate the Customer app CSS and Customer app JS/Customer app footer fields and copy/paste your code into the respective box.
   
   
3. Select the green Save button at the bottom of the page. 

Gingr automatically includes the <style> tag in the Customer App CSS Field, as well as a <script> tag in the Customer App JS field, so there's no need to include that yourself.  

If you are using provided code that contains a <script> tag, then you'll want to paste it into the Customer App Footer field on the Custom Configurations page. This field does not include a <script> tag automatically.

Related Resources

• Custom CSS & JavaScript Topic Outline
• JavaScript Events Emitted Reference
• Listen for Custom JavaScript Events Reference
• Google Tag Manager (Adwords/Analytics) in JavaScript Reference
• Facebook Pixel in JavaScript Events Reference