Add eCards to Shopify Pages using a Custom HTML Section

This video guide is for adding eCard Widget to a public page on your Shopify site, either on a page or as a custom section. If you’re wanting to attach eCard Widget to your product to be purchased and displayed after checkout, you can click this link for instructions.

Copy and paste the code below into your custom section we created in the video:

<div id="ecard-custom-section">  
  {%- if section.settings.title != blank -%}
  <div class="ecard-custom-title"><h2>{{section.settings.title}}</h2></div>  
  {%- endif -%}    
  <div class="ecard-custom-code">{{section.settings.custom_html}}</div>
</div>
{% schema %}
  {
    "name": "HTML",
    "settings": [
      {
        "type": "text",
        "id": "title",
        "label": "Title"
      },
      {
        "type":"textarea",
        "id": "custom_html",
        "label": "HTML"
      }
    ],
    "presets": [
      {
        "name": "Custom HTML",
        "category": "custom-html",
        "settings": {
        }
      }
    ]
  }
{% endschema %}