How to fix Invalid JSON in tag 'schema' for a form builder

[HIEa]

I am trying to add in this code, but its coming up with the above error message. Can someone please help me correct it?

<div class="globo-formbuilder" data-id={{section.settings.form_id}} ></div>
{% schema %}
  {
    "name": "Form",
    "settings": [
        {
          "type": "select",
          "id": "form_id",
          "label": "Select form to display",
          "default": "21114",
          "options": [{"label":"Wholesale Registration form","value":"21114"}]
        }
    ],
    "presets": [
        {
          "name": {
            "en": "Form"
          },
          "category": {
            "en": "Powerful Contact Form Builder"
          }
        }
      ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

[Made4uo-Ribe · Accepted solution]

Hi @HIEa 

I think the name with localization was depreciated already. I remember this to be available in debut theme but anyway. Please see corrected code. This should work

<div class="globo-formbuilder" data-id="{{section.settings.form_id}}"></div>
{% schema %}
{
  "name": "Form",
  "settings": [
      {
        "type": "select",
        "id": "form_id",
        "label": "Select form to display",
        "default": "21114",
        "options": [{"label":"Wholesale Registration form","value":"21114"}]
      }
  ],
  "presets": [
      {
        "name":"Form",
        "category": {
          "en": "Powerful Contact Form Builder"
        }
      }
    ]
}
{% endschema %}

[HIEa]

Thank you so much, this worked!

[Made4uo-Ribe]

Your welcome. Glad to help