Skip to main content

Adding custom code to your store

Add custom CSS, JavaScript, and metadata to your store as needed.

Updated this week

You can easily implement simple code additions through embeds, avoiding the need to modify the theme’s source code.

You can find embeds in Management > Online Store > Settings > Other > Embeds > Edit.

Types of embeds

  • Cascading Style Sheets (CSS): CSS code that overrides default theme styles. Here, you can define new color values for your style, for example.

  • JavaScript (JS): JavaScript code enables you to add features like a chat window to your store. Third-party services often provide ready-made codes that can be added directly to embeds.

  • Metadata (Meta): Meta tags are necessary for tasks like verifying site ownership with Google. Content description fields are usually provided as a single code, but you’ll need to extract only the name and description parts for the metadata fields.

Important considerations when adding custom code

Please note that incorrect code may cause malfunctions. We suggest adding only code you trust to work properly. After adding any embed, make sure to test your store to confirm everything runs smoothly.

Did this answer your question?