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 (meta tags) used to verify your site by service providers like Google, Bing, or Pinterest should be placed in Site Verification Tags, under SettingsData solutions in the control panel.

Site Verification Tags under Data Solutions

 
 

Apps That Need an Edited Theme

Some apps may require their code placed into pages not accessible via the Script Manager. Use Edit Theme Files in Page Builder 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, visit our Partner Directory or consider using our Agency Design Request program to work with a Certified Design Partner.

Was this article helpful?