Cómo agregar resultados de trading en vivo a WordPress (sin plugin)

Para mostrar tus resultados de trading en una web de WordPress no necesitas ningún plugin. Te basta con un bloque y un fragmento de código.

Ese fragmento es un widget de ShowMyTrades: una vista en vivo de tu cuenta que se actualiza sola. Esta guía te dice dónde va en cada editor de WordPress y cuáles son las tres situaciones en las que WordPress lo elimina sin avisar.

✅ Antes de empezar

Necesitas una cuenta publicada en ShowMyTrades. Si todavía no la tienes, son pocos minutos y es gratis:

1. Regístrate y conecta tu cuenta de trading en solo lectura: MT4 o MT5, cTrader o TradeLocker.
2. En la configuración de la cuenta, pon la visibilidad en Pública (o en «Solo con enlace»).
3. Abre Widgets en el panel, elige la cuenta y el widget, y copia el código.

El código es un <iframe> seguido de unas pocas líneas de <script>:

<iframe
  id="smt-equity-a1b2c3d4e"
  src="https://showmytrades.com/widget/YOUR-ACCOUNT-SLUG?type=equity&theme=auto"
  width="100%"
  height="400"
  loading="lazy"
  frameborder="0"
  style="border-radius: 8px; width: 100%;">
</iframe>
<script>
(function() {
  var iframe = document.getElementById('smt-equity-a1b2c3d4e');
  window.addEventListener('message', function(e) {
    if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {
      iframe.height = e.data.height;
    }
  });
})();
</script>

🧱 Editor de bloques (Gutenberg)

Es el editor de cualquier instalación actual de WordPress.

1. Abre la página o la entrada y haz clic en el + donde quieras el gráfico.
2. Busca HTML personalizado y agrega el bloque.
3. Pega el fragmento entero.
4. Haz clic en Vista previa en la barra de herramientas del bloque para ver el widget y luego en Actualizar o Publicar.

No lo pegues en un bloque «Párrafo» ni directamente en la página: WordPress mostraría el código como texto. Tiene que ser el bloque «HTML personalizado».

Para una barra lateral o un pie de página, ve a Apariencia → Widgets (o a Apariencia → Editor si usas un tema de bloques) y agrega ahí el mismo bloque HTML personalizado. La Tarjeta de estadísticas es el widget pensado para una barra lateral.

🧩 Maquetadores visuales y editor clásico

En todos los casos la regla es la misma: usa el elemento pensado para código en bruto, no uno de texto.

📐 Ajusta el tamaño a tu tema

En WordPress importan dos opciones del creador de widgets.

Ancho: en porcentaje. Elige porcentaje como unidad del ancho y pon el valor en 100. Así el widget ocupa toda la columna de contenido de tu tema y se adapta a ella en el teléfono. Un ancho fijo en píxeles que se ve bien en tu PC se saldrá de la pantalla en un teléfono.

Tema: elígelo de forma explícita. «Automático» sigue la configuración del sistema del visitante, no tu tema de WordPress. Si tu web es siempre clara o siempre oscura, elige «Claro» u «Oscuro» en el creador para que el widget nunca desentone con la página. También puedes poner un color de fondo personalizado, con transparencia.

La altura se ajusta sola: el script del fragmento adapta el marco al contenido.

🚫 Tres casos en los que WordPress elimina el código

Si el gráfico no aparece después de guardar, casi siempre es por uno de estos motivos.

El primero es el más frecuente. En un WordPress autoalojado en el que tú eres el administrador, nada de esto se aplica.

🖼️ El plan B que siempre funciona: una imagen autoactualizable

Cada cuenta tiene además once imágenes que se actualizan solas. Son imágenes normales, así que nada puede eliminarlas, y se vuelven a dibujar cuando cambian tus datos de trading.

En el creador elige Imagen autoactualizable, un tipo y un tema, y copia el HTML:

<a href="https://showmytrades.com/account/YOUR-ACCOUNT-SLUG" target="_blank">
  <img src="https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/summary_light.png"
       alt="Trading Performance" width="500" height="290" loading="lazy" decoding="async" />
</a>

Puedes pegarlo en un bloque «HTML personalizado» o, más sencillo todavía, agregar un bloque Imagen de WordPress, elegir «Insertar desde URL» y pegar la dirección de la imagen. Después enlaza la imagen con la página de tu cuenta.

Una imagen no es interactiva: no muestra detalles al pasar el cursor ni permite cambiar de vista. Úsala donde no se admite el iframe, y el iframe en todos los demás sitios.

📍 Dónde ponerlo en la web

• Una página dedicada de «Resultados» o «Historial». El widget Panel completo al 100 % de ancho. Consulta cómo crear una página de historial de resultados.
• La página de inicio. La Curva de equidad, con una línea de contexto encima.
• La barra lateral o el pie de página. La Tarjeta de estadísticas: rentabilidad, drawdown, balance, equidad.
• La página de producto de un EA o de una señal. La Curva de equidad encima del precio y las Rentabilidades mensuales debajo. Consulta los resultados en real de tu EA en tu página de ventas.
• Una entrada del blog. Un solo widget, colocado donde el texto habla del resultado.

❓ Preguntas frecuentes

¿Necesito un plugin? No. El bloque «HTML personalizado» forma parte de WordPress. Un plugin no aportaría nada: ShowMyTrades ya aloja y actualiza el widget.

¿El widget hará más lenta mi web? El iframe se carga de forma diferida: el navegador solo lo descarga cuando el visitante se acerca a él al desplazarse. Tu página se carga primero.

¿Funciona con un plugin de caché? Sí. La caché guarda tu página, no el contenido del widget. El widget pide datos frescos a ShowMyTrades cada vez que se carga.

¿El widget perjudica o ayuda a mi SEO? Ni lo uno ni lo otro, directamente. Los buscadores consideran que el contenido de un iframe pertenece al sitio del que procede. Lo que ayuda es la página que lo rodea: escribe un texto propio sobre lo que muestra el gráfico.

Cambié el enlace público de la cuenta. ¿Tengo que actualizar WordPress? No. La dirección antigua sigue funcionando: los widgets ya pegados siguen el cambio.

¿Puedo mostrar varias cuentas en una misma página? Sí. Agrega un bloque «HTML personalizado» por cuenta, o usa el widget Estadísticas en fila apilado en filas. Consulta cómo mostrar varias cuentas de trading en una sola página.

🔗 Artículos relacionados

• Inserta tus resultados verificados en cualquier sitio: todos los widgets, formatos y opciones
• Wix, Webflow, Squarespace y Shopify: lo mismo en otros creadores de sitios web
• Cómo crear una página de historial de resultados: qué va alrededor del widget
• Cómo verificar tu cuenta de trading: las insignias que buscan los visitantes

Conecta gratis tu cuenta, copia el widget y pégalo en un bloque «HTML personalizado». Para ver antes el creador, ábrelo sin cuenta.