Simple HTML Section for Shopify Themes

custom-html-content.liquid

{% comment %}
  Created by: Simon Neufville
  Generic HTML section that can be placed anywhere in the customizer.
{% endcomment %}

<div class="shopify-section" data-section-id="{{ section.id }}">
  {% if section.settings.heading %}
    <h4 class="section-title">{{ section.settings.heading }}</h2>
  {% endif %}
  <div>
    {{ section.settings.html_content }}
  </div>
</div>

{% schema %}
  {
    "name": "Text Block",
    "settings": [
      {
        "type": "text",
        "id": "heading",
        "label": "Section Title (optional)"
      },
      {
        "type": "html",
        "id": "html_content",
        "label": "Custom HTML",
        "default": "<div><p>Enter HTML content</p></div>"
      }
    ],
    "presets": [
      {
        "name": "Text Block",
        "category": "Custom Text Block"
      }
    ]
  }
{% endschema %}

{% comment %}
    Add styling as required
{% endcomment %}

{% stylesheet %}
{% endstylesheet %}

{% comment %}
    Add JavaScript as required
{% endcomment %}

{% javascript %}
{% endjavascript %}

nice but its too simple needs a little customization to it