Browse by Topic

Integrating Apps with Stencil Themes

Most apps currently available in the App Marketplace work with Stencil and will require no extra code. Apps that handle backend store functions, such as QuickBooks Online and ShipperHQ will work natively with your theme and do not require adding any scripts.

However, some apps may require extra steps to make them compatible. For apps that require additional code, instructions should be included in the setup. If instructions are not provided, use the suggestions below for the best placement of your app's script.

 
 

Apps That Have Scripts

App integrations that affect the storefront, such as apps that provide analytics, will require their scripts to be placed in certain parts of the theme, such as the footer or header. The Script Manager, found in Storefront › Script Manager, can be used to inject code into specific pages on your store.

Script Manager

Note that site verification codes (i.e. meta tags) used to verify your site by service providers like Google, Bing or Pinterest should be placed in the Google Analytics tab or the Site Verification tab, under Web Analytics in the control panel.

Site Verification tab under Web Analytics

 
 

Apps That Need an Edited Theme

Some apps may require their code placed into pages not accessible via the Script Manager. Edit Theme Files in Store Design can be used to access the specific template files using an in-browser editor. See Stencil Themes for more information.

Stencil Theme Editor

 

Don't feel comfortable adjusting your design? Check out the Community Q&A Themes & Design group if you would like advice on making these changes yourself. If you would prefer to hire a developer, consider using our Partner Directory or the Community Jobs Board to post design and customization job requests and connect with third-party developers.

Was this article helpful?