The Custom CSS/JS Code feature allows you to further personalize and enhance your store by adding custom CSS and JavaScript to track conversions, implement specific styles, or add unique functionalities.
1. Custom CSS #
You can customize the appearance of your site by adding your own CSS code. This can be useful for adjusting the design of the “Request Quote” button, form fields, or any other elements related to the app’s functionality.
- How to Use: Simply enter your CSS code in the provided field.
- Note: Use !important with each CSS property to ensure your custom styles override any existing styles.
Example: /* Custom style for the ‘Request Quote’ button */
button.request-quote {
background-color: #4CAF50 !important;
color: white !important;
}
2. Custom JavaScript/jQuery #
You can also add custom JavaScript or jQuery to enhance interactivity or track specific events on your site. This feature is especially useful for tracking conversions, adding analytics scripts, or customizing the behavior of the app elements.
- How to Use: Insert your JavaScript or jQuery code within the provided field.
- Note: Use double quotes “” for defining strings in the JavaScript/jQuery code.
Example:
// Custom script to track the ‘Request Quote’ button click
$(‘button.request-quote’).click(function() {
// Track conversion or log an event
console.log(“Request Quote button clicked”);
});
By utilizing this feature, you can have complete control over the look and behavior of the app, allowing you to seamlessly integrate it into your existing store design or track specific customer interactions.
