{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"como-crear-un-conmutador-de-precios-mensual-anual-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"C\u00f3mo crear una tabla de precios mensuales\/anuales en WordPress"},"content":{"rendered":"

Los compradores de hoy en d\u00eda eval\u00faan las opciones en cuesti\u00f3n de segundos: algunos examinan los precios, otros comparan las caracter\u00edsticas y muchos debaten entre planes mensuales o anuales. En este entorno de toma de decisiones en fracciones de segundo, el dise\u00f1o de su tabla de precios se convierte en el factor decisivo para las conversiones.<\/p>\n\n\n\n

Si tiene un negocio basado en servicios o suscripciones, su tabla de precios tiene que hacer algo m\u00e1s que enumerar opciones para convertir a los visitantes en clientes de pago. Debe guiar la atenci\u00f3n, facilitar las comparaciones y hacer que el mejor plan parezca la opci\u00f3n obvia.<\/p>\n\n\n\n

Una tabla de precios bien dise\u00f1ada con un conmutador mensual\/anual convierte una tabla de precios est\u00e1ndar en algo mucho m\u00e1s din\u00e1mico y centrado en el usuario. No se limita a mostrar opciones, sino que gu\u00eda activamente la mirada, enfatiza el ahorro y elimina la fricci\u00f3n de la comparaci\u00f3n.<\/p>\n\n\n\n

En esta gu\u00eda, aprender\u00e1 a crear una alternancia limpia de precios mensuales y anuales en WordPress utilizando un formato de tabla que se ve muy bien en cualquier dispositivo.<\/p>\n\n\n\n

<\/span>
\n

Precios mensuales\/anuales<\/p>\n\n\n\n

Mensualmente<\/p>\n <\/div>\n

Anualmente<\/p>\n <\/div><\/nav>

\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

B\u00e1sico<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Para particulares<\/p>\n<\/div><\/td>\n\n

\n

Para nuevas empresas<\/p>\n<\/div><\/td>\n\n

\n

Para las grandes empresas<\/p>\n<\/div><\/td>\n<\/tr>

\n

$99\/mes<\/p>\n<\/div><\/td>\n\n

\n

$199\/mes<\/p>\n<\/div><\/td>\n\n

\n

$299\/mes<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 250.000 visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soporte normal<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 3 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 1.000.000 de visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Asistencia Premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 10 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 5.000.000 de visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Apoyo espec\u00edfico<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 50 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Empezar<\/div><\/div><\/div><\/td>\n\n
Empezar<\/div><\/div><\/div><\/td>\n\n
Empezar<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

B\u00e1sico<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Para particulares<\/p>\n<\/div><\/td>\n\n

\n

Para nuevas empresas<\/p>\n<\/div><\/td>\n\n

\n

Para las grandes empresas<\/p>\n<\/div><\/td>\n<\/tr>

\n

$990\/a\u00f1o<\/p>\n<\/div><\/td>\n\n

\n

$1990\/a\u00f1o<\/p>\n<\/div><\/td>\n\n

\n

$2990\/a\u00f1o<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 250.000 visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soporte normal<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 3 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 1.000.000 de visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Asistencia Premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 10 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Todas las funciones anal\u00edticas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 5.000.000 de visitas rastreadas<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Apoyo espec\u00edfico<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Hasta 50 miembros del equipo<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Empezar<\/div><\/div><\/div><\/td>\n\n
Empezar<\/div><\/div><\/div><\/td>\n\n
Empezar<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<\/div><\/div>\n\n\n

Construido con Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

C\u00f3mo a\u00f1adir un Toggle de Precios Mensuales\/Anuales en WordPress<\/strong><\/h2>\n\n\n\n

Ahora que ya sabes c\u00f3mo un conmutador de precios ayuda a simplificar las comparaciones y a resaltar el valor, vamos a ver los pasos para crear uno utilizando el plugin Tableberg.<\/p>\n\n\n\n

Paso 1: Instalar y activar Tableberg<\/strong><\/h3>\n\n\n\n

Dir\u00edgete a tu panel de WordPress, ve a Plugins \u2192 A\u00f1adir nuevo, busca Tableberg y haz clic en Instalar ahora, seguido de Activar. Una vez activado, encontrar\u00e1s dos nuevos bloques en el editor: Tableberg y Toggle for Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 2: A\u00f1adir el Toggle para el bloque Tableberg<\/strong><\/h3>\n\n\n\n

Abre el post o p\u00e1gina donde quieras colocar tu tabla de precios. Haz clic en el icono m\u00e1s, busca Toggle para Tableberg e inserta el bloque. Empieza con tres pesta\u00f1as por defecto. Pasa el rat\u00f3n por encima de cualquier pesta\u00f1a para eliminarla, o haz clic en el signo m\u00e1s para a\u00f1adir m\u00e1s. Para esta configuraci\u00f3n, mant\u00e9n s\u00f3lo dos pesta\u00f1as: una para \"Mensual\" y otra para \"Anual\".<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 3: Configurar las pesta\u00f1as<\/strong><\/h3>\n\n\n\n

Con el bloque seleccionado, utilice el panel de configuraci\u00f3n de la derecha para ajustar las opciones Generales y de Estilo.<\/p>\n\n\n\n

En la pesta\u00f1a General, cambie el nombre de cada pesta\u00f1a, elija cu\u00e1l est\u00e1 activa por defecto y alinee las pesta\u00f1as seg\u00fan sea necesario. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En Estilo, puedes ajustar los colores de las pesta\u00f1as activas e inactivas, establecer el espaciado bajo el conmutador y ajustar el radio del borde para redondear las esquinas si quieres un aspecto m\u00e1s suave.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 4: A\u00f1adir tablas dentro de cada pesta\u00f1a<\/strong><\/h3>\n\n\n\n

Haga clic en la primera pesta\u00f1a y cree la tabla. Esto contendr\u00e1 su tabla de precios mensual. Repita lo mismo en la segunda pesta\u00f1a y a\u00f1ada su versi\u00f3n anual. La estructura de ambas tablas debe seguir siendo la misma, cambiando \u00fanicamente el precio y las etiquetas relacionadas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 5: Personalizar las tablas<\/strong><\/h3>\n\n\n\n

A\u00f1ada nombres de planes, etiquetas de audiencia, precios, caracter\u00edsticas y botones de llamada a la acci\u00f3n dentro de cada columna. Utilice bloques de p\u00e1rrafos, listas y bloques de botones dentro de las celdas de la tabla. <\/p>\n\n\n\n

A continuaci\u00f3n, abre la configuraci\u00f3n general para establecer el encabezado y el pie de p\u00e1gina, y ajusta funciones como el encabezado adhesivo, la clasificaci\u00f3n y la b\u00fasqueda si es necesario. Por \u00faltimo, utiliza la pesta\u00f1a de estilo para ajustar el espaciado, los colores de fondo, los bordes y la alineaci\u00f3n para conseguir un aspecto limpio y coherente en ambas tablas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 6: Guardar, previsualizar y publicar<\/strong><\/h3>\n\n\n\n

No olvides guardar primero tu trabajo. A continuaci\u00f3n, utiliza la opci\u00f3n de vista previa para comprobar c\u00f3mo se ve tu conmutaci\u00f3n tanto en escritorio como en m\u00f3vil. Aseg\u00farate de que el cambio de pesta\u00f1a es suave y de que cada versi\u00f3n de la tabla es clara. Una vez que est\u00e9s satisfecho, pulsa Publicar.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Reflexiones finales<\/strong><\/p>\n\n\n\n

Un conmutador de precios mensual\/anual no es s\u00f3lo un truco de dise\u00f1o. Es una forma pr\u00e1ctica de presentar opciones de facturaci\u00f3n flexibles sin sobrecargar el dise\u00f1o. Con Tableberg, no necesita plugins adicionales ni c\u00f3digo personalizado para hacerlo bien. Puede crear una tabla de precios responsiva y bien estructurada que ayude a los visitantes a comparar planes con claridad y elegir el que m\u00e1s les convenga.<\/p>\n\n\n\n

T\u00f3mese el tiempo necesario para configurar su alternancia con cuidado, y terminar\u00e1 con una p\u00e1gina m\u00e1s limpia y una experiencia de toma de decisiones m\u00e1s fluida para sus usuarios.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/MonthlyYearly-Pricing-Toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}