Integración del Widget de Devera en Shopify

English

Ir a Shopify Admin y haga clic en Tienda Online -> Temas.

Primer paso

Haga clic en ... y luego Editar código.

Segundo paso](/img/shopify2.png)

En la barra lateral haces click en templates/product.json

Tercer paso

Añade una nueva parte en el JSON llamada devera como puedes ver en la imagen:
```
"devera": {
  "type": "custom-product-block",
  "settings": {}
},
```

Cuarto paso

Añadir devera en la lista de order y guarda los cambios del archivo:

Quinto paso

Ir a secciones y hacer clic en Añadir nueva sección.

Sexto paso

Copia y pega aquí el código del nuevo bloque y guarda los cambios del archivo.

Séptimo paso

    <devera-widget 
      product-id="{{ product.id }}" 
      client-id="<your-client-id>"
      token="<your-token>"
      language="{{ request.locale.iso_code }}">
    </devera-widget>
    <script src="https://widget.devera.ai/recycling.umd.js" async></script>
    {% schema %}
    {
      "name": "Custom Product Block",
      "settings": [],
      "presets": [
        {
          "name": "Devera"
        }
      ]
    }
    {% endschema %}

Felicidades, ya tienes el widget devera en tu Shopify :tada: