Hay muchas maneras diferentes de incrustar tu blog en tu sitio web, ya sea dentro de un blog existente o en una página independiente. Este artículo repasará los sitios web más comunes y cómo incrustar el blog. Te sugerimos que te pongas en contacto con el servicio de atención al cliente del alojamiento de tu sitio web específico si tienes algún problema específico.
Primeros pasos con la incrustación
Al copiar el código de inserción del blog , selecciona la plataforma de tu sitio web en el menú desplegable. Si utilizas el editor clásico de Wordpress, selecciona la opción Old WP Versions (Classic Editor) .
Wordpress
WordPress.com
Si utilizas WordPress.com (es decir, no a través de un proveedor de alojamiento web como Siteground, Flywheel, A2, GoDaddy, Dreamhost, etc.), incrusta tu blog con el bloque HTML personalizado (no se aplica la URL incrustada, el código abreviado, el bloque de código ).
Consejo profesional: Ten en cuenta que la incrustación solo está habilitada en los planes Business, Commerce y Enterprise.
El ancho de tu blog incrustado dependerá de tu elección de tema y/o diseño.
Wordpress alojado
Si está utilizando un creador de sitios web de terceros, es posible que necesite tener una suscripción en particular para tener la capacidad de incrustación. Inserta tu blog usando Custom HTML (no se aplica la URL incrustada, el código abreviado, el bloque de código ).
Consejo profesional: el ancho de tu blog incrustado dependerá de tu elección de tema y/o diseño.
Si tienes LiteSpeed u otros complementos : es posible que tengas que deshabilitar tu complemento para que la página/publicación específica del blog se muestre correctamente. Consulta este artículo para conocer las compatibilidades conocidas de los plugins .
Elementor
Al usar el editor Elementor, tanto las presentaciones de diapositivas como los blogs se pueden integrar usando Shortcode .
1. Si después de añadir el código de integración, el ancho de tu blog disminuye, o si necesitas realizar alguna edición, en el editor de Elementor, haz clic en el icono del menú.
2. Luego selecciona Site Settings .
3. En la sección Settings , haz clic en Layout .
4. Luego actualiza el tamaño del blog usando el Content Width .
Kadence
Cuando utilices el tema Kadence, usa Custom HTML (URL incrustada, código corto, Code Block no es aplicable). Si utilizas el editor clásico, introduce el código en la pestaña Texto.
Divi
Usando el Divi Builder en tu editor de páginas o en el editor de publicaciones de blog, agrega un módulo de código .
Consejo profesional: Divi Builder no mostrará el blog Pic-Time incrustado, ya sea en el propio editor o en su modo de vista previa. Sin embargo, el blog de Pic-Time funcionará bien después de la publicación, o si utilizas la función de vista previa de de WordPress.
Flothemes
Si usas Temas Clásicos o Flexthemes, puedes añadir el blog usando cualquiera de las siguientes opciones:
El editor clásico, yendo al área del editor de WordPress e insertando el código en el área de texto.
El editor de Gutenberg, que utiliza un bloque HTML personalizado.
Si utilizas el editor de Gutenberg, para cambiar el tamaño de tu entrada de blog, haz clic en el bloque HTML y selecciona Group .
Seleccione el gráfico Ancho y haga clic en Full width .
Shopify
Si lo agregas a una página, primero instala el widget de contenido personalizado proporcionado por Shopify y pega allí el código de integración del blog.
Si lo añades como entrada de blog, haz clic en <> para ver el código HTML de la entrada y pegar el código allí.
Showit
Inserta fácilmente los blogs de Pic-Time en cualquier plan de Showit. Si vas a incrustar tu blog de Pic-Time en una página de tu sitio web, puedes incrustar HTML usando el código de inserción.
Si vas a incrustar tu blog de Pic-Time en una entrada de blog de Showit, puedes añadir un bloque HTML personalizado (la URL incrustada, el código abreviado o el bloque de código no son aplicables).
Consejo profesional: El ancho del blog incrustado dependerá del tema o diseño del blog que elijas, y es posible que tengas que actualizar el tamaño y la posición del blog incrustado.
Nota: Si tu blog aparece en la vista previa pero no en el sitio en vivo, intenta eliminar la plantilla de publicación de blog en Showit y, a continuación, volver a agregarla.
No elimines el contenido de la publicación al añadir tu blog. Si lo eliminas, el blog no aparecerá correctamente y tendrás que ponerte en contacto con el equipo de soporte de Showit para recuperar el contenido de la publicación.
Photobiz
Pega el código de integración del blog en un bloque HTML . Si vas a añadir el blog a la pestaña Blog, pega el código de integración en la pestaña Visual (no en la pestaña HTML).
Pixieset
Añade un bloque de código incrustado personalizado a tu página y pega el código de integración del blog.
Ten en cuenta que el código de inserción personalizado solo está disponible para los planes Pixieset Pro y Ultimate.
Pixpa
Si quieres incrustar tu blog en la página de blogs, tienes que hacer clic en el botón Text y seleccionar Code y, a continuación, pegar el código de integración del blog.
Si desea incrustar su blog en una página normal, debe usar elementos HTML, JS y CSS y, a continuación, pegar el código de integración del blog.
Squarespace
Si ya tienes un blog, simplemente usa el bloque de código para incrustar tu entrada de blog (la opción de formato > Código no es aplicable).
Consejo profesional: El uso de la fuente de visualización del código en un bloque de texto no funcionará.
Es posible que veas el mensaje « Script disabled » en el editor, pero el blog estará visible en el borrador en vivo o en la publicación publicada.
Si el blog no parece tener el ancho total del resto de tu blog, comprueba que no haya un bloque espaciador que también ocupe espacio.
Además, si ves una página vacía después de añadir el código incrustado, es posible que tengas que desactivar la función «Carga de Ajax» y volver a añadir el código al bloque de código. Obtenga más información aquí.
Ten en cuenta que esta función no está disponible en el plan Squarespace Basic.
Webflow
Tenga en cuenta que los blogs solo se pueden integrar en los planes de Webflow que incluyen código incorporado.
1. En Webflow, primero agrega un Container .
2. Luego selecciona la opción Embed .
3. Pega el código de integración del blog y haz clic en Save & Close .
Tenga en cuenta que en la vista previa del editor, el blog no aparecerá. Sin embargo, aparecerá correctamente una vez publicado el código.
Weebly
En una nueva página o en una nueva publicación de tu página de blog, agrega el código de inserción , haz clic para editar HTML personalizado y pega el código de integración del blog.
Wix
Para integrar tu blog en una página de tu sitio, agrega un elemento, selecciona Insertar código y usa la opción Insertar HTML para integrar tu blog (el fragmento de código no es aplicable).
Si lo estás integrando como una entrada de blog, puedes añadir un código HTML .
Consejo profesional: tendrás que cambiar el tamaño de la altura del bloque de código para que se ajuste al contenido de la entrada del blog tanto en la vista de escritorio de Wix como en la vista móvil .
Zenfolio
Si usa NextZen (app.zenfolio.com), actualmente no se admite la incrustación.
Si utilizas la plataforma clásica (zenfolio.com), haz clic en la opción Insertar para añadir el código embed a una entrada de blog de Page o .
Tras añadir el código de inserción, haz clic para ver la vista previa de . Si tu blog no aparece correctamente, sigue los pasos que se indican a continuación para solucionarlo. Obtén más información sobre este problema de Zenfolio aquí.
1. Previsualice las opciones, vaya a la pestaña Content y copie el código de inserción.
2. Luego vuelve al editor y Delete el contenido incrustado.
3. En su lugar, o donde quieras que aparezca el contenido, coloca un texto de identificación único, como «CODEGOESHERE»
4. Haga clic en el botón Source de la barra de herramientas de formato.
5. Sustituya su «CODEGOESTHIRE» por el código de inserción que copió en el paso 1. A continuación, haz clic en Save and Preview .
Ahora tu blog aparecerá correctamente.