{"id":371384,"date":"2023-04-04T12:50:00","date_gmt":"2023-04-04T09:50:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371384"},"modified":"2023-04-04T12:50:43","modified_gmt":"2023-04-04T09:50:43","slug":"la-forma-mas-facil-de-agregar-una-llamada-a-la-accion-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/la-forma-mas-facil-de-agregar-una-llamada-a-la-accion-de-wordpress\/","title":{"rendered":"La forma m\u00e1s f\u00e1cil de agregar una llamada a la acci\u00f3n de WordPress"},"content":{"rendered":"\n

La llamada a la acci\u00f3n de WordPress o CTA es m\u00e1s com\u00fanmente un bot\u00f3n en un sitio web que invita al usuario a realizar una acci\u00f3n espec\u00edfica<\/strong>. Pero, un CTA tambi\u00e9n puede venir en forma de imagen, contenido, texto y lo que sea.<\/p>\n

Los CTA de WordPress son una excelente manera de fomentar la interacci\u00f3n en su sitio web, promover las ventas, inspirar al usuario a realizar una acci\u00f3n espec\u00edfica<\/strong> y mucho m\u00e1s. A diferencia de los comerciales, ventanas emergentes y medios de marketing similares, son simples, discretos y conducen a resultados tangibles. Pueden ser de gran ayuda para que la navegaci\u00f3n a trav\u00e9s de su sitio sea sencilla y clara<\/strong>. El papel esencial de una llamada a la acci\u00f3n de WordPress es provocar que los visitantes realicen la acci\u00f3n que desea que realicen, y esto puede ser literalmente cualquier cosa, desde comprar y suscribirse a su lista de correo electr\u00f3nico hasta invitarlos a leer el texto completo.<\/p>\n

Saber d\u00f3nde colocar un CTA<\/strong> es un arte en s\u00ed mismo. Rociar su sitio web con demasiados CTA puede abrumar y evitar que el usuario realice ninguna acci\u00f3n. Por otro lado, no tener ning\u00fan CTA deja al usuario en una posici\u00f3n pasiva e incluso hace que tu sitio web sea menos atractivo<\/strong>.<\/p>\n

Hay muchas maneras de agregar una llamada a la acci\u00f3n de WordPress a su sitio web. Casi todos los creadores de p\u00e1ginas le permiten crear una CTA usando una imagen, un bot\u00f3n y texto, y tambi\u00e9n hay muchos complementos efectivos de WP CTA<\/a> para elegir. Pero la forma m\u00e1s r\u00e1pida y f\u00e1cil de agregar CTA hermosos y efectivos es con Qi Addons para el complemento Elementor.<\/p>\n

Por qu\u00e9 elegir Qi para agregar CTA<\/h2>\n

Qi Addons para Elementor<\/a> es una soluci\u00f3n excelente y completa para cualquier tipo de sitio web de Elementor. Incluye 60 widgets gratuitos y m\u00e1s de 40 premium que le permiten crear todos los elementos necesarios para un sitio web funcional y atractivo<\/strong>. Es intuitivo y extremadamente f\u00e1cil de usar<\/strong>, ni siquiera es necesario un tutorial y, despu\u00e9s de experimentar un poco con sus opciones, lo encontrar\u00e1 incre\u00edblemente vers\u00e1til y poderoso.<\/p>\n

Cuando se trata de CTA, podemos ver excelentes ejemplos de CTA<\/a> realizados por los autores de la herramienta en la p\u00e1gina de Qi Addon que tambi\u00e9n se pueden usar como inspiraci\u00f3n.<\/p>\n

\"La<\/a><\/p>\n

Lo que es importante entender desde el principio es lo que puede contener un CTA. El T\u00edtulo es opcional, puede tenerlo o no. El texto tambi\u00e9n es opcional y sirve para dar m\u00e1s informaci\u00f3n sobre la acci\u00f3n en s\u00ed. El bot\u00f3n de acci\u00f3n se puede dise\u00f1ar de diferentes maneras y tiene su propia animaci\u00f3n. Con este widget, no solo se debe hacer clic en el enlace, sino que tambi\u00e9n se puede hacer clic en todo el campo CTA. Lo siguiente que puede ser parte de la CTA es el fondo, y es opcional al igual que el borde.<\/p>\n

C\u00f3mo crear una llamada a la acci\u00f3n de WordPress con Qi Addons<\/h2>\n

Despu\u00e9s de instalar los complementos de Qi<\/strong>, encontrar\u00e1 todos sus elementos en los widgets. Simplemente busque el elemento CTA y arr\u00e1strelo y su\u00e9ltelo donde desee que est\u00e9<\/strong>.<\/p>\n

\"La<\/a><\/p>\n

Despu\u00e9s de insertarlo, como con cualquier widget, encontrar\u00e1 la configuraci\u00f3n a la izquierda<\/strong>. Despu\u00e9s de insertar el widget CTA, algunos formularios predeterminados est\u00e1n a su disposici\u00f3n y puede cambiarlos y alinearlos para que coincidan con el estilo de su p\u00e1gina.<\/p>\n

Las pesta\u00f1as Contenido y Estilo<\/strong> son la configuraci\u00f3n del widget de CTA, aqu\u00ed establecer\u00e1 cu\u00e1l de los elementos desea ver y dise\u00f1ar\u00e1 su campo de CTA. La pesta\u00f1a avanzada es, como sabes, la pesta\u00f1a del elemento por defecto con ajustes relacionados con los ajustes de la propia columna o de cualquier otro elemento.<\/p>\n

\"La<\/a><\/p>\n

Configuraci\u00f3n de la pesta\u00f1a Contenido<\/h3>\n

Comencemos con la configuraci\u00f3n general en la pesta\u00f1a Contenido<\/strong>.<\/p>\n

\"La<\/a><\/p>\n

Aqu\u00ed es donde insertamos el T\u00edtulo y el Texto<\/strong>. Como ya hemos mencionado, estos no son campos obligatorios, si no los ingresa simplemente no tendr\u00e1 texto<\/strong>. Esto casi nunca es necesario porque el bot\u00f3n de llamada a la acci\u00f3n requiere que se solicite al usuario que realice alguna acci\u00f3n de alguna manera<\/strong>. Si el bot\u00f3n vac\u00edo en s\u00ed fuera suficiente para inspirar al usuario a realizar la acci\u00f3n, entonces cualquier bot\u00f3n har\u00eda el trabajo, pero ese no es el caso.<\/p>\n

La siguiente opci\u00f3n es Bot\u00f3n abajo y tenemos ciertos valores ofrecidos. \u00bfQu\u00e9 significa eso realmente?<\/p>\n

\"La<\/a><\/p>\n

Esto significa que definimos el tama\u00f1o de la pantalla despu\u00e9s de lo cual el bot\u00f3n estar\u00e1 debajo del t\u00edtulo y el texto y no alineado con el texto<\/strong>, como ocurre en las pantallas grandes. Esta es una excelente opci\u00f3n porque no hay raz\u00f3n para que este dise\u00f1o se use tambi\u00e9n en dispositivos m\u00f3viles. Ser\u00eda mucho m\u00e1s dif\u00edcil de leer y entender y atraer\u00eda menos atenci\u00f3n.<\/p>\n

\"La<\/a><\/p>\n

Aqu\u00ed podemos notar una cosa importante<\/strong> y es que el bot\u00f3n est\u00e1 bastante pegado al texto. Por supuesto, esto es f\u00e1cil de solucionar y le mostraremos c\u00f3mo solucionarlo m\u00e1s adelante, por ahora solo tenga en cuenta esto para asegurarse de comprobar la capacidad de respuesta de los dispositivos m\u00e1s peque\u00f1os.<\/p>\n

Habilitar superposici\u00f3n de enlaces<\/strong>, la \u00faltima opci\u00f3n en la parte general se refiere a si solo se podr\u00e1 hacer clic en el bot\u00f3n o en todo el espacio de la llamada a la acci\u00f3n. En nuestro caso, actualmente se puede hacer clic en toda la secci\u00f3n negra. Preste atenci\u00f3n, al principio no definimos el enlace al que conducir\u00e1 la acci\u00f3n y hasta que no se establece el enlace, no se puede hacer clic en nada.<\/p>\n

El siguiente cap\u00edtulo trata sobre Button<\/strong>. Aqu\u00ed ajustamos de qu\u00e9 estar\u00e1 hecho nuestro bot\u00f3n, pero no c\u00f3mo se dise\u00f1ar\u00e1. Tambi\u00e9n aqu\u00ed seleccionamos el texto que se encontrar\u00e1 en \u00e9l y agregamos un enlace.<\/p>\n

\"La<\/a><\/p>\n

En cuanto a los dise\u00f1os, hay tres opciones disponibles<\/strong>.<\/p>\n

\"La<\/a><\/p>\n

El dise\u00f1o relleno tiene un fondo y un bot\u00f3n de texto<\/strong>. Con este bot\u00f3n, podemos agregar un borde m\u00e1s adelante en las opciones de estilo. El dise\u00f1o delineado solo tiene borde y texto<\/strong>, no es posible cambiar el color del fondo m\u00e1s adelante. El dise\u00f1o de texto solo tiene texto<\/strong> y no se le puede agregar ning\u00fan fondo o borde.<\/p>\n

Adem\u00e1s, hay tres tipos de botones diferentes que est\u00e1n disponibles para dise\u00f1o completo y delineado, pero no para texto.<\/p>\n

El tipo est\u00e1ndar es el predeterminado. La opci\u00f3n de tipo de borde interior<\/strong> agrega el borde interior al dise\u00f1o seleccionado. El tipo Iconed Boxed<\/strong> se usa solo para el bot\u00f3n que tiene un icono y donde queremos poner un cuadro especial para el icono como este. Preste atenci\u00f3n, agregamos y estilizamos el \u00edcono y su fondo a continuaci\u00f3n.<\/p>\n

\"La<\/a><\/p>\n

Aqu\u00ed tambi\u00e9n tenemos la opci\u00f3n Enable Button Text Underline<\/strong> si queremos que el texto quede subrayado, el subrayado tambi\u00e9n tiene animaci\u00f3n.<\/p>\n

\"La<\/a><\/p>\n

En la configuraci\u00f3n de los botones tambi\u00e9n podemos elegir el tama\u00f1o<\/strong>, pero m\u00e1s adelante en el estilo podemos configurarlo de forma m\u00e1s precisa y lograr que los tama\u00f1os coincidan con otros elementos del sitio. Tambi\u00e9n ingresamos Button text y Link<\/strong>.<\/p>\n

La configuraci\u00f3n del \u00edcono del bot\u00f3n<\/strong> se usa para agregar un \u00edcono de la Biblioteca de \u00edconos o al cargar su \u00edcono svg, tambi\u00e9n especificamos la posici\u00f3n del \u00edcono (derecha\/izquierda) aqu\u00ed.<\/p>\n

\"La<\/a><\/p>\n

Como ya hemos visto, podemos usar el \u00edcono con el tipo Iconed Boxed<\/strong>, pero esto solo se aplica al bot\u00f3n donde queremos que est\u00e9 el \u00edcono en nuestro cuadro, de lo contrario, podemos agregar cualquier \u00edcono a todos los dem\u00e1s tipos y dise\u00f1os.<\/p>\n

\"La<\/a><\/p>\n

Configuraci\u00f3n de la pesta\u00f1a Estilo<\/h3>\n

Estos son los ajustes de estilo. Todas las configuraciones son por grupos y es bastante obvio a qu\u00e9 se refiere cada configuraci\u00f3n<\/strong>. Por supuesto, si no tenemos seleccionada la opci\u00f3n de bot\u00f3n de subrayado para nuestro bot\u00f3n, ni siquiera tendremos configuraciones para \u00e9l.<\/p>\n

\"La<\/a><\/p>\n

El estilo se utiliza para establecer la tipograf\u00eda y el color del texto y el t\u00edtulo<\/strong>.<\/p>\n

\"La<\/a><\/p>\n

Tambi\u00e9n establecemos el fondo del campo de llamada a la acci\u00f3n aqu\u00ed. Puedes elegir alg\u00fan color o degradado, y lo que sirve es que si no quieres ning\u00fan fondo, es decir transparente, esta es una opci\u00f3n para eso<\/strong>. Esta mesa est\u00e1 marcada con una flecha, solo pon esta bola al principio. Solo el campo predeterminado tiene un color y si cambia el fondo y pone el color de fondo igual que el sitio, significa que si cambia el color de la p\u00e1gina, necesita el fondo. Si pones un fondo transparente, no hay necesidad de cambiar el fondo del campo con el cambio del fondo de la p\u00e1gina.<\/p>\n

\"La<\/a><\/p>\n

Tambi\u00e9n podemos agregar un fondo, hay un par de opciones de imagen.<\/p>\n

\"La<\/a><\/p>\n

Los estilos de espaciado son opciones para determinar el espaciado entre subt\u00edtulos, texto, botones<\/strong>.<\/p>\n

El relleno<\/strong> del soporte se refiere al espacio alrededor del contenido.<\/p>\n

\"La<\/a><\/p>\n

Margen superior<\/strong> del texto: se determina el margen sobre el texto, es decir, organizamos el espacio entre el texto y el t\u00edtulo.<\/p>\n

Relleno de contenido a la derecha<\/strong>: el relleno alrededor del texto a la derecha sirve para separar el texto del bot\u00f3n si es demasiado largo.<\/p>\n

\"La<\/a><\/p>\n

Margen del bot\u00f3n<\/strong>: al establecer el valor, podemos establecer la posici\u00f3n del bot\u00f3n, determinar los m\u00e1rgenes alrededor del bot\u00f3n. Aqu\u00ed debemos prestar especial atenci\u00f3n al bot\u00f3n de texto sensible y espaciado. El margen del bot\u00f3n superior se utiliza para ajustar este espacio.<\/p>\n

\"La<\/a><\/p>\n

El men\u00fa Estilo del bot\u00f3n<\/strong> le permite configurar una variedad de detalles de sus botones, como el color de la fuente, el color del borde, el ancho y el radio, as\u00ed como el color de fondo y el relleno. La configuraci\u00f3n m\u00e1s importante aqu\u00ed es si desea que su bot\u00f3n funcione al pasar el mouse, lo que significa que basta con pasar el mouse sobre \u00e9l para hacer clic<\/strong>. Si elige la opci\u00f3n Normal<\/strong> aqu\u00ed, el bot\u00f3n funcionar\u00e1 cuando haga clic en \u00e9l.<\/p>\n

\"La<\/a><\/p>\n

En la configuraci\u00f3n de estilo de icono de bot\u00f3n<\/strong>, puede establecer el tama\u00f1o del icono con un control deslizante, tambi\u00e9n puede elegir entre la opci\u00f3n normal y la opci\u00f3n de desplazamiento y establecer el color y el margen del icono tambi\u00e9n.<\/p>\n

\"La<\/a><\/p>\n

La configuraci\u00f3n del borde interior del bot\u00f3n<\/strong> le permite establecer el color, el ancho y el desplazamiento del borde interior.<\/p>\n

\"La<\/a><\/p>\n

La configuraci\u00f3n de Estilo<\/strong> de subrayado de bot\u00f3n le permite establecer el color, el ancho, el desplazamiento, el grosor y la alineaci\u00f3n del subrayado del bot\u00f3n. Es muy \u00fatil que pueda ver inmediatamente todos los cambios que realiza.<\/p>\n

\"La<\/a><\/p>\n

Eso es pr\u00e1cticamente todo. Si est\u00e1 satisfecho con el aspecto de su bot\u00f3n, puede cerrar el editor y comprobar c\u00f3mo se ve en vivo en la p\u00e1gina.<\/p>\n

Ahora que sabe lo f\u00e1cil que es agregar CTA en cualquier parte de su sitio web, todo lo que queda por hacer es pensar detenidamente en qu\u00e9 lugar exacto de su sitio web puede colocar CTA. Conocer bien a tu audiencia te ayudar\u00e1 a crear las llamadas a la acci\u00f3n m\u00e1s efectivas, y tambi\u00e9n hay muchas herramientas que pueden ayudarte a comprender mejor los rasgos y el comportamiento de tu audiencia. Si tiene alguna pregunta sobre el uso de Qi Addons, no dude en preguntar en la secci\u00f3n de comentarios; estamos m\u00e1s que felices de compartir nuestra experiencia y conocimiento.<\/p>\n

Fuente de grabaci\u00f3n: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Aprenda c\u00f3mo agregar CTA de WordPress a su sitio de la manera m\u00e1s f\u00e1cil y r\u00e1pida con Qi Addons para Elementor.<\/p>\n","protected":false},"author":1,"featured_media":279438,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-371384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=371384"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/279438"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=371384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=371384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=371384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}