Configuraciones del portal de retorno
      Volver al inicio
      1. Knowledge Center
      2. Primeros pasos
      3. Configuraciones del portal de retorno

      Cómo crear una nueva página e incluir un iFrame en Shopify

      Opción 1: Crear la página directamente desde el editor de páginas

      1. Desde el panel de administración de Shopify, accede a la sección “Canales de venta (Sales channels)” y selecciona la opción “Páginas (Pages)”


        2. Crea una nueva página con el nombre “returns-portal”.
        3. Luego, haz clic en el botón “Mostrar HTML (Show HTML)” y pega el siguiente código: ⬇️

      2. <iframe src="https://go.ifreturns.com/marchelacolombine2 "height="800" width="100%" title="ifreturns"></iframe>


      3. En lugar de "marchelacolombine2", debe poner nombre de shop_code
      4. Una vez creada la página, crea una nueva opción en el pie de página o en la página de política de devoluciones para enlazar con la nueva página que acabas de crear.
        1. Por ejemplo, la nueva página quedaría así:
          https://marchelacolombine.com/pages/returns-portal
      5. Prueba su funcionamiento.
        1. Una vez guardados los cambios, la nueva página page https://marchelacolombine.com/pages/returns-portal cargará el portal de devoluciones integrado dentro del sitio.

       

      Opción 2: Modificar el tema del sitio (para mayor control del diseño del portal)

      ⚠️ Usa este método solo si deseas tener más control sobre cómo se muestra el portal dentro de tu tienda.

      1. Desde el panel de administración de Shopify, accede a la sección “Canales de venta (Sales channels)”, selecciona “Temas (Themes)”, haz clic en los tres puntos y elige la opción “Editar código (Edit code)”
      2. En la página de edición de código, crea una nueva sección con el nombre “if-returns” e inserta el siguiente código:
        1. <iframe src="https://go.ifreturns.com/marchelacolombine2 "height="800" width="100%" title="ifreturns"></iframe>
      3. Modifica el archivo que contiene la lógica principal del tema (por ejemplo, theme.liquid). Añade la lógica necesaria para mostrar la sección “if-returns” solo cuando la URL sea /pages/returns-portal. En cualquier otra página, debe mantenerse la lógica normal del tema. Luego guarda los cambios.
      4. Desde el panel de administración de Shopify, vuelve a la sección “Canales de venta” → “Páginas (Pages)”
      5. Crea una nueva página llamada “returns-portal” y guarda.
        En este caso no es necesario agregar contenido, ya que la lógica y el contenido se manejan directamente desde el archivo theme.liquid.
      6. Una vez creada la página, agrega una nueva opción en el pie de página o en la página de política de devoluciones para enlazarla.
        1. Por ejemplo, la dirección sería:
          https://marchelacolombine.com/pages/returns-portal
      7. Prueba el funcionamiento.
        1. Una vez guardados los cambios, al visitar
          https://marchelacolombine.com/pages/returns-portal, el portal de devoluciones se mostrará integrado dentro del sitio web.