By default, our app embed script loads on all pages of a Shopify store that has EAB installed. While this meets the Shopify Partner standards, this can make pages load slightly slower than you're used to.
One way to improve page-load speed is to only load our app script on the pages where you offer bookings (specific product pages). Here’s how to do that!
Create a new product template for events.
Go to the Theme Editor (Online Store > Themes > Customize)
From the Theme Customizer, create a new Product template. Call it
events.
3. With the new events template selected, click on add block within the Product information section of the theme editor. Add a Custom Liquid block.
4. Add the following liquid code.
<script src=" <https://servicify-appointments.herokuapp.com/frontend-v1.0.0.js>"></script>
5. Save the new template.
Assign products to the template
Now assign all products that you are taking bookings for to this new template that you have created. To do this, go to Products > Select a product.
On the right side, under Theme template, select events (or whatever the name is of the template you created).
Save the product.
Disable the App Embed
Finally, Go to Online Store > Themes > Customize. Then go to App Embeds. Disable the Easy Appointment Booking App Embed.
You do not need the app embed anymore because you are explicitly loading Easy Appointment Booking’s app script within the Custom Liquid code.
ℹ️ If you update your theme, you will have to repeat these steps for your new theme.