Don't know where I'm suppose to add custom content code from elfsight

Store Design
1

Major beginner here. I’m trying to add a widget from Elfsight to my shopify but I do not see where I can add the code. There is no custom content button. I’ve looked at youtube videos and other directions but its not there. It’s like they are using an older shopify model. Can anyone help figure out how I can get this widget on my page?

1 Like
2

Hi there @sm712 ,

Welcome to Community. Your query is incomplete. Let us know what theme you are using? On which page you want to add the widget? What codes do the widget contain? If the widget comes with JS or Liquid code then you can’t simply add the code to one place, you’ll need to contain HTML, CSS, and JS/JQuery code all into separate files according to Shopify architecture.

If you need developer assistance you can contact me.

3

Hi @sm712 ,

You can follow these steps:

  • Step 1: Create a new section file with custom HTML.

Screenshot.png
Screenshot.png1325×479 30.2 KB

  • Step 2: Copy the code below and paste it all into the file, then save it.
{{ section.settings.content }}
{% schema %}
{
  "name": "HTML",
  "tag": "section",
  "class": "index-html",
  "settings": [
	{
      "type": "liquid",
      "id": "content",
      "label": "Custom HTML Content",
	  "info":"Please take care your HTML content, it can make the site broken layout when your code missing close tags."
    }
  ],
  "presets": [
    {
      "name": "HTML",
      "category": "HTML"
    }
  ]
}
{% endschema %}
  • Step 3: Go to Customize > Sections > Add section > HTML.

Screenshot.png
Screenshot.png1868×737 50.9 KB

You can enter Elfsight code here, everything will work fine.

Hope it helps!

1 Like
4

Hello,

Our apologies for the late reply!

We’re so sorry to hear that you had to face difficulties with the installation.

If the issue is still unresolved, please contact our Support Team at https://help.elfsight.com/contact, they will be more than happy to assist with the installation steps.

Thank you and have a great week!

Regards,
Elfsight Team

Explore all Elfsight widgets - Widget Catalog
Follow us - Facebook | Instagram

5

Hi @sm712 ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

6

You absolute legend, thank you