{"id":12668,"date":"2015-09-29T12:16:55","date_gmt":"2015-09-29T10:16:55","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=12668"},"modified":"2015-09-29T13:00:16","modified_gmt":"2015-09-29T11:00:16","slug":"formulario-flotante-de-contacto-en-prestashop","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/prestashop\/formulario-flotante-de-contacto-en-prestashop\/","title":{"rendered":"Formulario Flotante de Contacto en PrestaShop"},"content":{"rendered":"
<\/div>

\n\tHoy en día disponer de un formulario flotante de contacto en PrestaShop<\/strong> que funcione perfectamente y permita a los clientes enviar mensajes de forma rápida es indispensable. Sin duda, contar con un módulo gratuito<\/strong> que nos ayude a ello es fundamental para nuestra tienda PrestaShop.\n<\/p>\n

\n\tBetter Contact Form<\/strong> no deja de ser un módulo flotante de contacto web<\/strong> para que los clientes pueden enviar mensajes, pero es muy práctico y se puede descargar de aquí<\/a> (requiere registrarse en la web de PrestaShop).   \n<\/p>\n

\n\tUna vez descargado el módulo debemos proceder a descomprimir el archivo (bettercontactform.zip) para poder subirlo mediante nuestro FTP a la carpeta modules<\/strong> de nuestra tienda PrestaShop. Aunque si lo preferimos en la sección de módulos y servicios<\/strong> le podemos dar a añadir nuevo módulo<\/strong> (en la parte superior derecha debajo del login); pinchar en donde pone "elegir un fichero", buscarlo en nuestro disco duro y subirlo desde ahí sin descomprimir. La opción más recomendada.\n<\/p>\n

\n\t\n<\/div>\n

\n\tCuando tengamos subido el módulo tan solo tendremos que volver de nuevo a la sección módulos<\/strong> y si lo subimos correctamente debería aparecernos en la misma, por lo que tan solo quedaría instalarlo y activarlo<\/strong>. ¿Sencillo, no?\n<\/p>\n

\n\t\"\"\n<\/div>\n

\n\tCompletada la instalación del módulo Better Contact Form con éxito nos saldrá un recuadro para poner la configuración de nuestro formulario flotante de contacto<\/strong>. Imagen a continuación:\n<\/p>\n

\n\t\"\"\n<\/div>\n
\n\tSeguramente no dispondremos de ningún código propio para poner en el recuadro, así que la mejor opción es pinchar sobre donde se indica lo siguiente: "Create Yours Contact Form Here<\/a>". El link nos derivará a la web del módulo en la cual podremos confeccionar las características del mismo a nuestro propio gusto<\/strong>; pudiendo seleccionar el idioma (español disponible) y los campos que queremos que se muestren para rellenar por parte de nuestros clientes, como por ejemplo el nombre, el e-mail, el teléfono, la web… además también podremos escoger en una rueda el color que mejor se adapte para nuestro site<\/strong>, así como también la posición del recuadro de contáctenos<\/strong> y, por supuesto, el e-mail al cual nos llegará el correo que envíen nuestros clientes.\n<\/div>\n
\n
\n\t\t\"\"\n\t<\/div>\n<\/div>\n
\n\tComo podéis comprobar todo muy sencillo en cuanto a la configuración para poder tener un formulario flotante de contacto sencillo, pero sobretodo muy práctico para nuestra tienda PrestaShop.\n<\/div>\n
\n\t \n<\/div>\n
\n\tAsí quedaría en Hostinet:<\/strong>\n<\/div>\n
\n
\n\t\t\"\"\n\t<\/div>\n<\/div>\n
\n\tSi nos gusta como queda; para verlo habría que darle a "preview" en la parte inferior derecha. Tras ello tendríamos que hacer click en la parte superior izquierda en donde pone "Save Your Form"<\/strong> para después copiar y pegar el código que nos den en el recuadro<\/strong> que indicábamos antes ¿lo recordáis? Una vez pegado el código en recuadro tan solo nos quedaría darle a "Save configuration"<\/strong>.\n<\/div>\n
\n\t \n<\/div>\n
\n
\n\t\t\"\"\n\t<\/div>\n
\n\t\tSi todo está correcto, refrescando nuestro site debería aparecer la barra de contáctenos<\/strong> en el lugar que escogimos previamente. Sin duda, lo mejor de este módulo es que no necesita de ninguna base de datos ya que se trata de un simple script.\n\t<\/div>\n<\/div>\n

\n\tLas 5 principales características del módulo Better Contact Form son las siguientes:<\/strong>\n<\/p>\n