Snippets

Learn how to add code snippets to your online store.

Written By Finqu Tuki

Updated at April 21st, 2022

You can add CSS- or Javascript code or meta tags to the online store in the snippets section.

Adding snippets

  1. Go to Online store > Snippets.

  2. Click Add (Javascript, CSS, or Metadata).

  3. Paste / write the code into the field.

  4. Click Save.

Snippet types

  • Cascading Style Sheets (CSS) is CSS-code that overrides themes' default CSS. For example, you can set up Google Fonts with CSS or edit the theme in a way that's impossible in the theme editor.

  • Javascript (JS) is Javascript code that allows you to add, for example, a chat window to your online store. These third-party services usually provide ready-to-use codes that you can paste into the code field as they are.

  • Metadata (Meta) refers to meta tags. They might be necessary if you need, for example, to verify to Google that you are the owner of the website. The meta tag is usually provided as one code snippet. From the code, you need to copy only the name and description parts into the fields preserved for them in Finqu.