Segu\u00ed leyendo para aprender c\u00f3mo integrar tus formularios de Systeme.io en WordPress y modificarlos para mejorar su visualizaci\u00f3n.<\/p>\n\n\n\n
Aspectos Clave<\/h2>\n\n\n\n\n- Puedes integrar tus formularios de Systeme.io como un script o como c\u00f3digo HTML.<\/li>\n\n\n\n
- Los formularios cargados a trav\u00e9s de scripts no parecen ajustarse a la anchura predeterminada de la p\u00e1gina de WordPress en algunos temas, por lo que probablemente necesitar\u00e1s editarlos en Systeme.io.<\/li>\n\n\n\n
- El c\u00f3digo HTML proporcionado por Systeme.io es bastante b\u00e1sico, y tal vez quieras modificarlo para mejorar la experiencia del usuario.<\/li>\n<\/ul>\n\n\n\n
C\u00f3mo Incrustar Formularios de Systeme.io en WordPress<\/h2>\n\n\n\n
Empecemos creando un Formulario en L\u00ednea en tu embudo de ventas de Systeme.io. And\u00e1 a Sitio Web > Embudo de Ventas<\/strong> y seleccion\u00e1 uno de tus embudos.<\/p>\n\n\n\n![\"La](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-1-1024x451.jpg\")
<\/figure>\n\n\n\nHac\u00e9 clic en A\u00f1adir Paso<\/strong>.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-2-1024x451.jpg\")
<\/figure>\n\n\n\nDale un nombre a tu paso y seleccion\u00e1 Formulario en L\u00ednea<\/strong> en el campo Tipo<\/strong>.<\/p>\n\n\n\n![\"Creando](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-3-1024x451.jpg\")
<\/figure>\n\n\n\nAhora eleg\u00ed una plantilla para tu formulario. Pod\u00e9s editar la plantilla una vez que la elijas.<\/p>\n\n\n\n![\"Eligiendo](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-4-1024x451.jpg\")
<\/figure>\n\n\n\nDespu\u00e9s de seleccionar tu formulario, ten\u00e9s dos opciones para integrarlo en tu sitio de WordPress:<\/p>\n\n\n\n
\n- Copiar tu formulario como un script que cargar\u00e1 el formulario en tu sitio.<\/li>\n\n\n\n
- Copiar tu formulario como c\u00f3digo HTML.<\/li>\n<\/ul>\n\n\n\n
El script conservar\u00e1 el estilo de tu formulario, pero la distribuci\u00f3n de los elementos (nombre, apellido, email, etc.) podr\u00eda verse desplazada en comparaci\u00f3n con el formulario original.<\/p>\n\n\n\n
Por otro lado, si utiliz\u00e1s el c\u00f3digo HTML, el formulario perder\u00e1 todo el estilo y simplemente ser\u00e1 una serie de campos de entrada que los usuarios deber\u00e1n completar.<\/p>\n\n\n\n
Aqu\u00ed ten\u00e9s el paso a paso para cada opci\u00f3n, as\u00ed pod\u00e9s decidir cu\u00e1l prefer\u00eds.<\/p>\n\n\n\n
C\u00f3mo Incrustar Formularios de Systeme.io en WordPress como Script<\/h3>\n\n\n\n
Si quer\u00e9s integrar el formulario como un script, ingres\u00e1 a tu cuenta de Systeme.io. Naveg\u00e1 hasta tu embudo y seleccion\u00e1 el paso que contiene tu formulario en l\u00ednea.<\/p>\n\n\n\n
Hac\u00e9 clic en el bot\u00f3n <\/> Script<\/strong>.<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-5-1024x451.jpg\")
<\/figure>\n\n\n\nSe abrir\u00e1 una ventana modal. Hac\u00e9 clic en Copiar enlace al portapapeles<\/strong>.<\/p>\n\n\n\n![\"Bot\u00f3n](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-6-1024x451.jpg\")
<\/figure>\n\n\n\nCon el c\u00f3digo del script en tu portapapeles, and\u00e1 a tu sitio de WordPress.<\/p>\n\n\n\n
Si quer\u00e9s incrustar este script en tus entradas del blog o en cualquiera de tus p\u00e1ginas, and\u00e1 a Entradas > Todas las Entradas<\/strong> o P\u00e1ginas > Todas las P\u00e1ginas<\/strong> y edit\u00e1 la entrada o p\u00e1gina donde quer\u00e9s integrar tu formulario.<\/p>\n\n\n\nUna vez en el editor, hac\u00e9 clic en el bot\u00f3n A\u00f1adir bloque<\/strong> y busc\u00e1 el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n![\"Creando](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-7-1024x451.jpg\")
<\/figure>\n\n\n\nPeg\u00e1 el c\u00f3digo del script en el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n![\"Pegando](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-8-1024x451.jpg\")
<\/figure>\n\n\n\nFinalmente, guard\u00e1 los cambios de tu entrada y and\u00e1 a tu sitio para verificar c\u00f3mo se ve el formulario. As\u00ed es como se ve para nosotros:<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-9-1-1024x451.jpg\")
<\/figure>\n\n\n\nAunque funciona, notar\u00e1s que los campos de entrada est\u00e1n desplazados excesivamente hacia la derecha. Si esto te sucede, tu \u00fanica opci\u00f3n es modificar el formulario para que se ajuste a la anchura de tus entradas o p\u00e1ginas.<\/p>\n\n\n\n
C\u00f3mo Incrustar Formularios de Systeme.io en WordPress como HTML<\/h3>\n\n\n\n
El proceso para incrustar un formulario de Systeme.io como HTML es similar al m\u00e9todo anterior.<\/p>\n\n\n\n
En tu cuenta de Systeme.io, naveg\u00e1 hasta tu embudo y el paso que contiene tu formulario en l\u00ednea.<\/p>\n\n\n\n
Hac\u00e9 clic en el bot\u00f3n Formulario incrustado<\/strong>.<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-10-1024x451.jpg\")
<\/figure>\n\n\n\nSe abrir\u00e1 una ventana modal. Hac\u00e9 clic en el bot\u00f3n Copiar enlace al portapapeles<\/strong>.<\/p>\n\n\n\n![\"Bot\u00f3n](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-11-1024x451.jpg\")
<\/figure>\n\n\n\nCon el texto copiado en tu portapapeles, and\u00e1 a la p\u00e1gina o entrada donde quer\u00e9s integrar tu formulario.<\/p>\n\n\n\n
Una vez en el editor, hac\u00e9 clic en el bot\u00f3n A\u00f1adir bloque<\/strong> y busc\u00e1 el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n<\/figure>\n\n\n\nPeg\u00e1 el c\u00f3digo HTML en el bloque de HTML personalizado.<\/p>\n\n\n\n![\"Pegando](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-12-1024x451.jpg\")
<\/figure>\n\n\n\nGuard\u00e1 los cambios de tu entrada y and\u00e1 a tu sitio para verificar c\u00f3mo se ve el formulario. As\u00ed es como se ve para nosotros:<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-13-1024x451.jpg\")
<\/figure>\n\n\n\nEste formulario cumple su funci\u00f3n y env\u00eda cualquier informaci\u00f3n que tus usuarios compartan con vos a tus embudos de ventas de Systeme.io.<\/p>\n\n\n\n
Sin embargo, no se ve muy claro porque ninguno de los cuadros de entrada est\u00e1 etiquetado, por lo que los usuarios no sabr\u00e1n qu\u00e9 escribir en cada campo.<\/p>\n\n\n\n
Te recomendamos que utilices el c\u00f3digo HTML que proporcionaremos a continuaci\u00f3n. Sin embargo, necesitar\u00e1s modificar el texto dentro del campo action<\/code> con la URL proporcionada por Systeme.io.<\/p>\n\n\n\nTodo lo que ten\u00e9s que hacer es volver a tu cuenta de Systeme.io, hacer clic en Formulario incrustado<\/strong> y copiar la URL dentro de las comillas dobles en el campo action<\/code>.<\/p>\n\n\n\n![\"HTML](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-14-1024x451.jpg\")
<\/figure>\n\n\n\nPeg\u00e1 la URL donde dice YOUR-URL-GOES-HERE<\/code>. Finalmente, copi\u00e1 y peg\u00e1 todo el fragmento HTML en el campo de HTML personalizado de tu entrada.<\/p>\n\n\n\n<form method=\"post\" action=\"YOUR-URL-GOES-HERE\">\n <!-- Label e input para el Nombre -->\n <div class=\"form-group\">\n <label for=\"first_name\">Nombre<\/label>\n <input type=\"text\" id=\"first_name\" name=\"first_name\" placeholder=\"Ingres\u00e1 tu nombre\" required \/>\n <\/div>\n \n <!-- Label e input para el Apellido -->\n <div class=\"form-group\">\n <label for=\"surname\">Apellido<\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" placeholder=\"Ingres\u00e1 tu apellido\" required \/>\n <\/div>\n \n <!-- Label e input para el Email -->\n <div class=\"form-group\">\n <label for=\"email\">Direcci\u00f3n de Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Ingres\u00e1 tu direcci\u00f3n de email\" required \/>\n <\/div>\n \n <!-- Bot\u00f3n de env\u00edo -->\n <div class=\"f-row\">\n <button type=\"submit\" class=\"btn\">Suscribirse<\/button>\n <\/div>\n<\/form><\/code><\/pre>\n\n\n\nSi no sustitu\u00eds la URL, los datos de tus usuarios no llegar\u00e1n a tu embudo de ventas de Systeme.io.<\/p>\n\n\n\n
As\u00ed es como se ve el formulario con el HTML proporcionado:<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-15-1024x451.jpg\")
<\/figure>\n\n\n\nSe ve mucho mejor y m\u00e1s claro para tus usuarios.<\/p>\n\n\n\n
Integrar Formularios de Systeme.io en WordPress Es F\u00e1cil<\/h2>\n\n\n\n
Como pod\u00e9s ver, los pasos para integrar tus formularios de Systeme.io en WordPress son muy sencillos, y pod\u00e9s completar el proceso en pocos minutos.<\/p>\n\n\n\n
Esperamos que esta gu\u00eda te haya ayudado a integrar formularios en tu sitio de WordPress y puedas utilizarlos para hacer crecer tu audiencia, aumentar las ventas, obtener m\u00e1s tr\u00e1fico, y m\u00e1s.<\/p>\n\n\n\n
Si encontraste \u00fatil este post, le\u00e9 nuestro blog<\/a> y recursos para desarrolladores<\/a> para obtener m\u00e1s ideas y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":"S\u00ed, es posible integrar formularios de Systeme.io en WordPress. Systeme.io tiene caracter\u00edsticas integradas que te permiten exportar tus formularios de embudo de ventas a cualquier sitio web, incluyendo sitios de WordPress. Sin embargo, hay algunos problemas de formato con la forma en que se muestran los formularios en WordPress. Segu\u00ed leyendo para aprender c\u00f3mo integrar […]<\/p>\n","protected":false},"author":1,"featured_media":10761,"template":"","blog-categories":[77,78],"class_list":["post-10932","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso","blog-categories-plugins-y-herramientas"],"acf":[],"yoast_head":"\n
\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas<\/title>\n<meta name=\"description\" content=\"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T18:42:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\"\n\t },\n\t \"author\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/\"\n\t },\n\t \"headline\": \"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress?\",\n\t \"datePublished\": \"2024-11-22T15:07:38+00:00\",\n\t \"dateModified\": \"2024-12-23T18:42:16+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\"\n\t },\n\t \"wordCount\": 996,\n\t \"publisher\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t }\n\t },\n\t \"image\": [],\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg\",\n\t \"inLanguage\": \"es\",\n\t \"description\": null\n\t },\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\",\n\t \"name\": \"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg\",\n\t \"datePublished\": \"2024-11-22T15:07:38+00:00\",\n\t \"dateModified\": \"2024-12-23T18:42:16+00:00\",\n\t \"description\": \"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#breadcrumb\"\n\t },\n\t \"inLanguage\": \"es\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg\",\n\t \"width\": 1200,\n\t \"height\": 528,\n\t \"caption\": \"over the shoulder view of someone using WordPress on a laptop\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Blogs\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress?\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"name\": \"White Canvas\",\n\t \"description\": \"\",\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t },\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"es\"\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t \"name\": \"White Canvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"width\": 115,\n\t \"height\": 32,\n\t \"caption\": \"White Canvas\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t },\n\t \"alternateName\": \"Wcanvas\",\n\t \"contactPoint\": [\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+1 (347) 688 2902\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"US\",\n\t \"availableLanguage\": \"en\"\n\t },\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+54 (11) 5236 4717\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"AR\",\n\t \"availableLanguage\": \"es\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t \"name\": \"Nicolas Pisani\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"caption\": \"Nicolas Pisani\"\n\t },\n\t \"sameAs\": [\n\t \"https:\/\/wcanvas.com\",\n\t \"#\",\n\t \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t \"https:\/\/x.com\/wcanvas\"\n\t ]\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas","description":"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas","og_description":"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.","og_url":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T18:42:16+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress?","datePublished":"2024-11-22T15:07:38+00:00","dateModified":"2024-12-23T18:42:16+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/"},"wordCount":996,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/","name":"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress? - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg","datePublished":"2024-11-22T15:07:38+00:00","dateModified":"2024-12-23T18:42:16+00:00","description":"Integr\u00e1 tus formularios de Systeme.io en WordPress siguiendo unos pasos simples que te llevar\u00e1n solo unos minutos.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/integrate-systeme.io-forms-HERO.jpg","width":1200,"height":528,"caption":"over the shoulder view of someone using WordPress on a laptop"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/podes-integrar-formularios-de-systeme-io-en-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"\u00bfPod\u00e9s integrar formularios de Systeme.io en WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/10932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/10761"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=10932"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=10932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
C\u00f3mo Incrustar Formularios de Systeme.io en WordPress<\/h2>\n\n\n\n
Empecemos creando un Formulario en L\u00ednea en tu embudo de ventas de Systeme.io. And\u00e1 a Sitio Web > Embudo de Ventas<\/strong> y seleccion\u00e1 uno de tus embudos.<\/p>\n\n\n\n Hac\u00e9 clic en A\u00f1adir Paso<\/strong>.<\/p>\n\n\n\n Dale un nombre a tu paso y seleccion\u00e1 Formulario en L\u00ednea<\/strong> en el campo Tipo<\/strong>.<\/p>\n\n\n\n Ahora eleg\u00ed una plantilla para tu formulario. Pod\u00e9s editar la plantilla una vez que la elijas.<\/p>\n\n\n\n Despu\u00e9s de seleccionar tu formulario, ten\u00e9s dos opciones para integrarlo en tu sitio de WordPress:<\/p>\n\n\n\n El script conservar\u00e1 el estilo de tu formulario, pero la distribuci\u00f3n de los elementos (nombre, apellido, email, etc.) podr\u00eda verse desplazada en comparaci\u00f3n con el formulario original.<\/p>\n\n\n\n Por otro lado, si utiliz\u00e1s el c\u00f3digo HTML, el formulario perder\u00e1 todo el estilo y simplemente ser\u00e1 una serie de campos de entrada que los usuarios deber\u00e1n completar.<\/p>\n\n\n\n Aqu\u00ed ten\u00e9s el paso a paso para cada opci\u00f3n, as\u00ed pod\u00e9s decidir cu\u00e1l prefer\u00eds.<\/p>\n\n\n\n Si quer\u00e9s integrar el formulario como un script, ingres\u00e1 a tu cuenta de Systeme.io. Naveg\u00e1 hasta tu embudo y seleccion\u00e1 el paso que contiene tu formulario en l\u00ednea.<\/p>\n\n\n\n Hac\u00e9 clic en el bot\u00f3n <\/> Script<\/strong>.<\/p>\n\n\n\n Se abrir\u00e1 una ventana modal. Hac\u00e9 clic en Copiar enlace al portapapeles<\/strong>.<\/p>\n\n\n\n Con el c\u00f3digo del script en tu portapapeles, and\u00e1 a tu sitio de WordPress.<\/p>\n\n\n\n Si quer\u00e9s incrustar este script en tus entradas del blog o en cualquiera de tus p\u00e1ginas, and\u00e1 a Entradas > Todas las Entradas<\/strong> o P\u00e1ginas > Todas las P\u00e1ginas<\/strong> y edit\u00e1 la entrada o p\u00e1gina donde quer\u00e9s integrar tu formulario.<\/p>\n\n\n\n Una vez en el editor, hac\u00e9 clic en el bot\u00f3n A\u00f1adir bloque<\/strong> y busc\u00e1 el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n Peg\u00e1 el c\u00f3digo del script en el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n Finalmente, guard\u00e1 los cambios de tu entrada y and\u00e1 a tu sitio para verificar c\u00f3mo se ve el formulario. As\u00ed es como se ve para nosotros:<\/p>\n\n\n\n Aunque funciona, notar\u00e1s que los campos de entrada est\u00e1n desplazados excesivamente hacia la derecha. Si esto te sucede, tu \u00fanica opci\u00f3n es modificar el formulario para que se ajuste a la anchura de tus entradas o p\u00e1ginas.<\/p>\n\n\n\n El proceso para incrustar un formulario de Systeme.io como HTML es similar al m\u00e9todo anterior.<\/p>\n\n\n\n En tu cuenta de Systeme.io, naveg\u00e1 hasta tu embudo y el paso que contiene tu formulario en l\u00ednea.<\/p>\n\n\n\n Hac\u00e9 clic en el bot\u00f3n Formulario incrustado<\/strong>.<\/p>\n\n\n\n Se abrir\u00e1 una ventana modal. Hac\u00e9 clic en el bot\u00f3n Copiar enlace al portapapeles<\/strong>.<\/p>\n\n\n\n Con el texto copiado en tu portapapeles, and\u00e1 a la p\u00e1gina o entrada donde quer\u00e9s integrar tu formulario.<\/p>\n\n\n\n Una vez en el editor, hac\u00e9 clic en el bot\u00f3n A\u00f1adir bloque<\/strong> y busc\u00e1 el bloque HTML personalizado<\/strong>.<\/p>\n\n\n\n Peg\u00e1 el c\u00f3digo HTML en el bloque de HTML personalizado.<\/p>\n\n\n\n Guard\u00e1 los cambios de tu entrada y and\u00e1 a tu sitio para verificar c\u00f3mo se ve el formulario. As\u00ed es como se ve para nosotros:<\/p>\n\n\n\n Este formulario cumple su funci\u00f3n y env\u00eda cualquier informaci\u00f3n que tus usuarios compartan con vos a tus embudos de ventas de Systeme.io.<\/p>\n\n\n\n Sin embargo, no se ve muy claro porque ninguno de los cuadros de entrada est\u00e1 etiquetado, por lo que los usuarios no sabr\u00e1n qu\u00e9 escribir en cada campo.<\/p>\n\n\n\n Te recomendamos que utilices el c\u00f3digo HTML que proporcionaremos a continuaci\u00f3n. Sin embargo, necesitar\u00e1s modificar el texto dentro del campo Todo lo que ten\u00e9s que hacer es volver a tu cuenta de Systeme.io, hacer clic en Formulario incrustado<\/strong> y copiar la URL dentro de las comillas dobles en el campo Peg\u00e1 la URL donde dice Si no sustitu\u00eds la URL, los datos de tus usuarios no llegar\u00e1n a tu embudo de ventas de Systeme.io.<\/p>\n\n\n\n As\u00ed es como se ve el formulario con el HTML proporcionado:<\/p>\n\n\n\n Se ve mucho mejor y m\u00e1s claro para tus usuarios.<\/p>\n\n\n\n Como pod\u00e9s ver, los pasos para integrar tus formularios de Systeme.io en WordPress son muy sencillos, y pod\u00e9s completar el proceso en pocos minutos.<\/p>\n\n\n\n Esperamos que esta gu\u00eda te haya ayudado a integrar formularios en tu sitio de WordPress y puedas utilizarlos para hacer crecer tu audiencia, aumentar las ventas, obtener m\u00e1s tr\u00e1fico, y m\u00e1s.<\/p>\n\n\n\n Si encontraste \u00fatil este post, le\u00e9 nuestro blog<\/a> y recursos para desarrolladores<\/a> para obtener m\u00e1s ideas y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":" S\u00ed, es posible integrar formularios de Systeme.io en WordPress. Systeme.io tiene caracter\u00edsticas integradas que te permiten exportar tus formularios de embudo de ventas a cualquier sitio web, incluyendo sitios de WordPress. Sin embargo, hay algunos problemas de formato con la forma en que se muestran los formularios en WordPress. Segu\u00ed leyendo para aprender c\u00f3mo integrar […]<\/p>\n","protected":false},"author":1,"featured_media":10761,"template":"","blog-categories":[77,78],"class_list":["post-10932","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso","blog-categories-plugins-y-herramientas"],"acf":[],"yoast_head":"\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n
C\u00f3mo Incrustar Formularios de Systeme.io en WordPress como Script<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nC\u00f3mo Incrustar Formularios de Systeme.io en WordPress como HTML<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\naction<\/code> con la URL proporcionada por Systeme.io.<\/p>\n\n\n\naction<\/code>.<\/p>\n\n\n\n<\/figure>\n\n\n\nYOUR-URL-GOES-HERE<\/code>. Finalmente, copi\u00e1 y peg\u00e1 todo el fragmento HTML en el campo de HTML personalizado de tu entrada.<\/p>\n\n\n\n<form method=\"post\" action=\"YOUR-URL-GOES-HERE\">\n <!-- Label e input para el Nombre -->\n <div class=\"form-group\">\n <label for=\"first_name\">Nombre<\/label>\n <input type=\"text\" id=\"first_name\" name=\"first_name\" placeholder=\"Ingres\u00e1 tu nombre\" required \/>\n <\/div>\n \n <!-- Label e input para el Apellido -->\n <div class=\"form-group\">\n <label for=\"surname\">Apellido<\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" placeholder=\"Ingres\u00e1 tu apellido\" required \/>\n <\/div>\n \n <!-- Label e input para el Email -->\n <div class=\"form-group\">\n <label for=\"email\">Direcci\u00f3n de Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Ingres\u00e1 tu direcci\u00f3n de email\" required \/>\n <\/div>\n \n <!-- Bot\u00f3n de env\u00edo -->\n <div class=\"f-row\">\n <button type=\"submit\" class=\"btn\">Suscribirse<\/button>\n <\/div>\n<\/form><\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\nIntegrar Formularios de Systeme.io en WordPress Es F\u00e1cil<\/h2>\n\n\n\n