Please Networks

Publicación avanzada

Mostrar contenido vía JavaScript

 

cfy.show(content_id, options);

 

Definición:
Permite visualizar el contenido de un plugin mediante una llamada JavaScript.

Parámetros:
[content_id]
- Podemos mostrar un plugin concreto pasándo por parámetro el content_id del plugin que queramos visualizar.
- En caso de no pasar ningún parámetro se mostrará el contenido del plugin relacionado a la url correspondiente.

[options]

- Podemos pasar por parámetro valores que se añadirán al formulario cuando se genere un lead. Los elementos key-value que estén dentro del objeto form_hidden se añadirán al formulario como campos ocultos.
ejemplo:
var options = {
    form_hidden: {
        cta: 'dummy cta',
        time: 1000
    }
};

cfy.show (content_id, options);

En este caso, todos los elementos 'cta' y 'time' se añadirán al formulario como campos ocultos con los valores 'dummy cta' y '1000' respectivamente.



- Podemos pasar por parámetro contenido dinámico. Definidas unas variables en el editor, éstas mostrarán el contenido que definamos en el parámetro content, como un array que contiene objetos clave-valor.
ejemplo:
var options = {
    content: [
        { id: '111', value: 'contenido A' },
        { id: '222', value: 'contenido B' }
    ]
};

cfy.show (content_id, options);

En nuestro editor tendremos dos variables dinámicas definidas como {{111}} y {{222}} y una vez ejecutado el código JS, al visualizar el contenido del plugin, éste mostrará "contenido A" y "contenido B" donde habíamos definido las variables dinámicas.



- Podemos pasar por parámetro el idioma con el que queremos que se muestre el plugin.
ejemplo:
var options = {
  language: 'es'
};

cfy.show (content_id, options);

En nuestro editor tendremos un plugin donde habremos definido la opción de multi idoma. Supongamos que tenemos dos páginas iniciales, definidas en inglés (en) y en castellano (es). Al ejecutar el JS se motrará el widget mostrando la página inicial en castellano.


Utilización:
- Incrustado en elementos HTML
<div onclick="cfy.show();">Dummy text</div>

- En archivos JS
En cualquier archivo JS puede llamarse a la función.
var example = function () {
    cfy.show ();
}


Nota importante:
En este último caso, el archivo que llame la función cfy.show(); tiene que estar localizado por debajo del script de iniacialización de la aplicación de Communify, en caso contrario el objeto cfy no estará definido todavía




Mostrar el contenido definiendo un intervalo de tiempo

<div data-cfy-delay-time="" data-cfy-content-id=""></div>

Definición:
Asignando un intervalo de tiempo (en segundos) permite abrir el contenido del plugin pasados éstos segundos.

Utilización:
Mediante código HTML, usando las etiquetas:
- data-cfy-delay-time: Define el número de segundos que se esperará a mostrar el contenido. El tiempo definido no puede ser menor de 5 segundos.
- data-cfy-content-id: (Opcional). Define el content_id de un widget en concreto a mostrar. En caso de no pasar ningún parámetro se mostrará el contenido del plugin relacionado a la url correspondiente.

Ejemplo:
<div data-cfy-delay-time="11" data-cfy-content-id="123456"></div>

En este caso se mostrará el widget con el content_id 123456 y tardará 11 segundos en mostrarse el contenido.