{"id":1869,"date":"2015-06-22T02:56:05","date_gmt":"2015-06-22T00:56:05","guid":{"rendered":"http:\/\/dejujo.com\/?p=1869"},"modified":"2026-04-21T00:27:31","modified_gmt":"2026-04-20T22:27:31","slug":"formulario-contacto-con-un-diseno-espectacular","status":"publish","type":"post","link":"https:\/\/dejujo.com\/staging\/2015\/06\/22\/formulario-contacto-con-un-diseno-espectacular\/","title":{"rendered":"Formulario contacto, con un dise\u00f1o espectacular"},"content":{"rendered":"<h1>Formulario contacto, con un dise\u00f1o espectacular<\/h1>\n<p><span style=\"font-size: 12pt;\">Hola gente, hoy os quiero ense\u00f1ar un <em><strong>plugin<\/strong><\/em> genial para WordPress, un <strong><em>formulario contacto popup<\/em><\/strong> que dar\u00e1 un toque m\u00e1s moderno, podremos ser la envidia de todos gracias a \u00e9ste <strong><em>plugin<\/em><\/strong>.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">El <strong><em>formulario contacto<\/em><\/strong> es totalmente responsive, lo podemos comprar en\u00a0<strong><em>CodeCanyon<\/em><\/strong> pero hoy lo tendremos gratis desde \u00e9ste post, Ninja Kick nos permitir\u00e1 tener un <strong><em>formulario contacto<\/em><\/strong> espectacular<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Es un <strong><em>plugin<\/em><\/strong> premium que utiliza un enfoque diferente para las formas de contacto<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">A\u00f1ade formularios que est\u00e1n escondido y haciendo un clic aparece.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Puede tenerlo en todas las p\u00e1ginas<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Crea un bot\u00f3n <strong><em>popup<\/em><\/strong><\/span><\/li>\n<li>\u00a0<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<p><span style=\"font-size: 12pt;\">\u00c9ste <strong><em>plugin<\/em><\/strong> utiliza CSS3, con un dise\u00f1o moderno y es totalmente <em><strong>responsive<\/strong><\/em>, funciona muy bien en todos los dispositivos m\u00f3viles.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Aqu\u00ed os dejo el v\u00eddeo Tutorial del post.<\/span><\/p>\n<p><iframe title=\"Formulario contacto, con un dise\u00f1o espectacular Ninja kick\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/z4S2szAqelM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2>Instalando formulario contacto<\/h2>\n<p><span style=\"font-size: 12pt;\">Una vez descargado el <strong><em>plugin<\/em><\/strong> vamos a instalarlo y activarlo, luego nos dirigiremos a Ajustes y ah\u00ed estar\u00e1 nuestro plugin instalado. Ahora vamos a configurar.<\/span><\/p>\n<div style=\"padding: 14px; background-color: #b3aeaa; line-height: 1.4;\"><span style=\"font-size: 18pt;\">Quieres \u00e9ste plugin? En la Pesta\u00f1a Recursos, lo tendr\u00e1s gratis para ti, solo tienes que registrarte y podr\u00e1s tener contenido exclusivo&#8230;.Guauuuuuuu. Aqu\u00ed te dejo el enlace <span style=\"color: #ff6600;\"><a target=\"_blank\" href=\"https:\/\/dejujo.com\/staging\/codecanyon-ninja-kick-wordpress-contact-form-v3-1-3\/\" rel=\"noopener\">Formulario Contacto Ninja Kick<\/a><\/span><\/span><\/div>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/JP8ubA0U0EXaiWYoc6v3sbe-nDsFd0b46_elGU0sRdM=w160-h260-no\" alt=\"Formulario contacto\" width=\"160\" height=\"260\" \/><\/p>\n<p><span style=\"font-size: 12pt;\">Una vez dentro del administrador, viene lo bueno del plugin&#8230;darle nuestro toque.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/eIZYOecqStuWBMU4epKfwwGPgK0sCtGvKYX6ya7B-N0=w585-h533-no\" alt=\"Formulario contacto\" width=\"585\" height=\"533\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><span style=\"font-size: 12pt;\">Podemos elegir que sea visible\u00a0solo para administradores registrados.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Al recibir restringe el env\u00edo de correos electr\u00f3nicos de otros dominios.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Elegir la posici\u00f3n en la que aparecer\u00e1<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Elegir la posici\u00f3n del Sidebar<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/puptV08FLNOKLqEG2zNZ54nXHR1loqVkxqXBVYD9sVE=w582-h544-no\" alt=\"Formulario contacto\" width=\"582\" height=\"544\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><span style=\"font-size: 12pt;\">Elegir si queremos que lo vean todos, o en que p\u00e1ginas queremos que aparezca<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Al dar clic sobre el bot\u00f3n popup, podremos elegir si el fondo sea claro, oscuro o que simplemente no haga nada.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2>Configuraci\u00f3n de Forms<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/F2K883N-EvKpEyzEEyiNUSSy8h9d0noued_hfv_5BVw=w586-h550-no\" alt=\"Formulario contacto\" width=\"586\" height=\"550\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Desde aqu\u00ed podremos configurar donde queremos que nos env\u00eden los mensajes, tambi\u00e9n podremos agregar otros apartados como compa\u00f1\u00eda, tel\u00e9fono, direcci\u00f3n, etc&#8230;y adem\u00e1s podremos utilizar un Shortcode de Contact Form 7, por si quisi\u00e9ramos utilizar nuestro formulario de contacto.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/cOqFlx17XLDEptYTR8FAFgV2inieaKpWJ5A_cYbSN0E=w581-h469-no\" alt=\"Formulario contacto\" width=\"581\" height=\"469\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Agregar una fotograf\u00eda y un nombre donde aparecer\u00e1 como un t\u00edtulo.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/70j449-vJ3MDcvCwBlPhiMgXpTv-jV88bfnwfp4fElo=w586-h440-no\" alt=\"Formulario contacto\" width=\"586\" height=\"440\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Podemos agregar el nombre completo o nombre de la empresa, nuestra p\u00e1gina, el mensaje que queramos que aparezca en el formulario y traducir el mensaje que recibir\u00e1n despu\u00e9s de enviarnos la consulta.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/oIj-smOtufzIdCtvbdCGweewFqOS26WhqXSGqcNtlzE=w582-h369-no\" alt=\"Formulario contacto\" width=\"582\" height=\"369\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Desde aqu\u00ed elegiremos en que p\u00e1ginas queremos que aparezca, en mi caso dejo todo marcado porque mi intenci\u00f3n es que se vea en todas las p\u00e1ginas de mi blog.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/7IMBpBdhkMs547DUxq7n3KqDunHCzRoBJLD6-t0fQwk=w582-h505-no\" alt=\"Formulario contacto\" width=\"582\" height=\"505\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Y por \u00faltimo podremos agregar nuestras Redes Sociales y nuestro RSS URL.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Configurar Theme<\/h2>\n<p><span style=\"font-size: 12pt;\">Desde \u00e9sta apartado podemos editar complemente nuestro tema, darle el color que queramos y adem\u00e1s podremos elegir la posici\u00f3n de los botones de las Redes Sociales en la parte superior o m\u00e1s abajo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Configurar Button<\/h2>\n<p><span style=\"font-size: 12pt;\">Dar el color o la forma que queramos que aparezca nuestro bot\u00f3n, adem\u00e1s del tama\u00f1o que es muy importante. Hay un opci\u00f3n que nos permite activar el Mouseover, eso significa que cada vez que pasemos con el rat\u00f3n por encima del bot\u00f3n se abrir\u00e1 autom\u00e1ticamente.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Formulario Contacto: CSS<\/h2>\n<p><span style=\"font-size: 12pt;\">Si eres avanzado y controlas el CSS, desde aqu\u00ed podr\u00e1s agregar tu propio estilo.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Cuando tengamos todo configurado, el resultado final&#8230;.es espectacular.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/50fdzyoX-8UrC7V1rbt5HbF_y2ywEksYgtEsf3oK-7c=w737-h640-no\" alt=\"Formulario contacto\" width=\"737\" height=\"640\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">El resultado final, como pod\u00e9is ver no es m\u00e1s que genial, ahora solo tienes que probar tu, que te parece?<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Ya sabes, si te gust\u00f3 el post no tienes m\u00e1s que compartirlo y claro&#8230;reg\u00e1lame un like, recuerda que tambi\u00e9n te dejare un link con el v\u00eddeo para que puedas verlo mejor y lo entiendas aun mucho mejor, por sino lo tienes te dejo mi canal de Youtube. <a target=\"_blank\" href=\"https:\/\/www.youtube.com\/channel\/UC-4hv4p3FtOv-UmWEkpyQcg\" rel=\"noopener\">El canal de JuJo<\/a><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Si quieres leer m\u00e1s post interesantes debajo tienes enlaces que te llevar\u00e1n a ellos.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Hasta la pr\u00f3xima.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formulario contacto, con un dise\u00f1o espectacular Hola gente, hoy os quiero ense\u00f1ar un plugin genial para WordPress, un formulario contacto popup que dar\u00e1 un toque m\u00e1s moderno, podremos ser la envidia de todos gracias a \u00e9ste plugin. El formulario contacto es totalmente responsive, lo podemos comprar en\u00a0CodeCanyon pero hoy lo tendremos gratis desde \u00e9ste post, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25736,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[4,196,206,207,197,208,209,35,50,134,6,210,211,16,8,11],"class_list":["post-1869","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-community-manager","tag-contact-form","tag-formulario","tag-formulario-de-contacto","tag-formularios","tag-formularios-de-contact","tag-formularios-de-contacto","tag-plugin-wordpress","tag-plugins-wordpress","tag-publicidad-online","tag-redes-sociales-2","tag-sem","tag-sen","tag-seo","tag-social-media","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/comments?post=1869"}],"version-history":[{"count":1,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1869\/revisions"}],"predecessor-version":[{"id":30501,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1869\/revisions\/30501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/media\/25736"}],"wp:attachment":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/media?parent=1869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/categories?post=1869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/tags?post=1869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}