Las Noticias de PuroMarketing en tu web
Añade nuestra sección de contenidos y últimas noticias en tu blog o página web

Fácil integración

Inserta de forma rápida y sencilla nuestro código en tu blog o página web

Configura

Configura los parametros principales para una mejor integración de los contenidos

Mira como queda!

Si todo fue bien, podrás ver el resultado de nuestros titulares

Noticias en tu web

Nuestro sistema de "Noticias en tu web" te permitirá de forma rápida y sencilla integrar y mostrar a tus lectores y visitantes los contenidos de PuroMarketing en tu propio blog o página web. A continuación podrás encontrar una detallada guía de ayuda para realizar tu integración en sencillos pasos.

Fácil integración

Copia y pega el siguiente código en el lugar de tu página web donde deseas que se muestren nuestros contenidos y titulares. De forma opcional puedes integrar el script en tu head o al final de tu página y el html donde deseas que se muestren los contenidos.


                                
<!-- script --> 

<script type="text/javascript" src="https://www.puromarketing.com/news.js" ></script>

<!-- html --> 

<div 
class = "journalizze-list-news" 
data-source="https://www.puromarketing.com"
data-token="023874y2304u2934h2p34iu234h24" 
data-logo="true" 
data-description="true" 
data-limit="5" >
</div>
                                
                        

Configura (opcional)

Puedes configurar algunos parametros opcionales sin necesidad de modificar el script principal

Mostrar logo (Opcional), valores true/false

data-logo="true"

Mostrar descripción o resumen (Opcional), valores true/false

data-description="true"

Número de items o contenidos que serán mostrados. (Max 10)

data-limit="5"

Personaliza tu estilo

Incluye el siguiente código básico a la página donde insertaste tu código o añade los elementos a tu hoja de estilos. Recuerda que podrás personalizar y crear tu propia versión de estilos personalizados


                                
<style type="text/css">

.journalizze-list-news {
        text-align: left;
        font-family: arial;
        font-size: 1rem;
}
.journalizze-list-news ul {
        margin-bottom: 15px;
}
.journalizze-list-news .logo {
        padding:  0;
}
.journalizze-list-news li {
        margin-bottom: 8px;
}
.journalizze-list-news li .category {
        font-size: 0.7rem;
        margin-bottom: 5px;
}
.journalizze-list-news li .title {
        font-weight: 300;
        font-size: 0.95rem;
        margin-bottom: 5px;
}
.journalizze-list-news li .description {
        font-size: 0.8rem;
        margin-bottom: 5px;
}

</style>

                        

!Mira como queda!

Si ya terminaste con la integración, tu página debería mostrar nuestros contenidos y titulares como ne el siguiente ejemplo de visualización CSS