Su tienda en WordPress

En cinco minutos su tienda de entradas está en una página de su sitio WordPress. No necesita ningún plugin: pega un breve fragmento de HTML en un bloque y la tienda aparece en ese lugar. Se adapta sola a la altura de su contenido, su visitante puede cambiar de idioma en ella, y el pago se abre en una pestaña nueva para que su sitio siga abierto.

Qué necesita

• El rol de Propietario en su backoffice.
• En WordPress: permiso para añadir HTML a una página. En una instalación propia de WordPress, un administrador siempre lo tiene. En WordPress.com solo funciona con un plan de pago que admita plugins; vea más abajo.

Paso 1 — Copiar el código

1. En su backoffice, vaya a Ajustes → Organización.
2. Desplácese hasta el bloque Su tienda en su propio sitio web.
3. Elija lo que quiera:
   • en Qué integra: Toda su tienda, o Solo: un producto (por ejemplo, para una página sobre un taller);
   • en Idioma en que se abre: el idioma de la página de WordPress;
   • en El pago se abre: deje En una pestaña nueva, salvo que su visitante realmente pueda salir de su sitio.
4. Haga clic en Copiar el código.

Paso 2 — En el editor de bloques (Gutenberg)

1. Abra en WordPress la página donde debe ir la tienda.
2. Haga clic en el + donde quiera el bloque y busque HTML.
3. Elija HTML personalizado (Custom HTML).
4. Pegue el código.
5. Haga clic en Actualizar o Publicar y vea la página como visitante.

En el propio editor solo ve el código; la tienda solo aparece en la página publicada o en la vista previa.

Con un maquetador

Maquetador	Dónde pegar el código
Elementor	Arrastre el widget HTML a la página y pegue el código en él.
Divi	Añada un módulo Código y pegue el código en él.
Editor clásico	Abra la pestaña Texto (no Visual) y pegue el código.
WPBakery	Añada el elemento Raw HTML y pegue el código en él.

Más de una tienda en su sitio

Puede poner el código en varias páginas, e incluso varias veces con otro producto: una página por taller, cada una con Solo: ese producto. La página en francés recibe el código con el idioma francés; la página en neerlandés, el de neerlandés.

¿Un shortcode?

No hace falta un shortcode ni un plugin, y no existe ninguno: el bloque HTML hace lo mismo y sigue funcionando con cada actualización de su tienda. Si prefiere un shortcode, un plugin de «snippets» o «shortcodes» puede guardar el código con un nombre propio.

¿No funciona?

El bloque queda vacío al guardar. WordPress ha eliminado el código. En WordPress.com ocurre con un plan sin plugins; en una instalación propia, con un usuario que no es administrador. Pídaselo al administrador de su sitio, o ponga un simple botón Comprar entradas con el enlace a su tienda. Vea Compartir e integrar su tienda de entradas.

Solo aparece un pequeño enlace y no la tienda. El script no se carga. Un plugin de caché u optimización (como WP Rocket o Autoptimize) a veces retrasa o combina los scripts. Excluya embed.js en él, o desactive el aplazamiento de JavaScript para esa página.

La tienda aparece cortada o tiene su propia barra de desplazamiento. Entonces aún hay un iframe antiguo con una altura fija. Sustitúyalo por el código del paso 1, que se adapta a la altura.