versi\u00f3n gratuita<\/a>la funci\u00f3n de alternar s\u00f3lo est\u00e1 disponible en la versi\u00f3n Pro.<\/p>\n\n\n\nPaso 2: A\u00f1adir el Toggle para el bloque Tableberg<\/h3>\n\n\n\n Tableberg Pro incluye un potente Conmutador para Tableberg<\/strong> que permite organizar tablas en pesta\u00f1as sin esfuerzo.<\/p>\n\n\n\nPara a\u00f1adir este bloque:<\/p>\n\n\n\n
\nAbra el editor de WordPress y haga clic en el bot\u00f3n + bot\u00f3n<\/strong> para a\u00f1adir un nuevo bloque.<\/li>\n\n\n\nBuscar Conmutador para Tableberg<\/strong> y selecci\u00f3nelo.<\/li>\n\n\n\nEl bloque de alternancia se a\u00f1adir\u00e1 a su editor.<\/li>\n<\/ol>\n\n\n\nPaso 3: Crear una tabla de precios en la primera pesta\u00f1a<\/h3>\n\n\n\n Dentro de la Conmutador para Tableberg<\/strong> puede crear una tabla desde cero o elegir una tabla pre-construida. Por el bien de este tutorial, estamos eligiendo un pre-construido. <\/p>\n\n\n\n\nDentro de la Conmutador para Tableberg<\/strong> bloque, puede <\/li>\n\n\n\nHaga clic en el bot\u00f3n + bot\u00f3n<\/strong> dentro de la pesta\u00f1a y busque Tableberg<\/strong> bloque.<\/li>\n\n\n\nDefina el n\u00famero de filas y columnas de su tabla de precios (por ejemplo, 3\u00d73 para tres planes).<\/li>\n\n\n\n El dise\u00f1o de la tabla se generar\u00e1 al instante.<\/li>\n<\/ol>\n\n\n\nPaso 4: A\u00f1adir\/editar contenido a la tabla<\/h3>\n\n\n\n Ahora, es el momento de a\u00f1adir o editar el contenido de su tabla de precios.<\/p>\n\n\n\n
# A\u00f1adir t\u00edtulos de columnas<\/strong><\/h4>\n\n\n\n\nHaga clic en la primera fila e introduzca los nombres de los planes de precios (por ejemplo, B\u00e1sico, Est\u00e1ndar, Premium).<\/li>\n\n\n\n Alin\u00e9elos en el centro y aumente el tama\u00f1o de letra para que sean m\u00e1s visibles.<\/li>\n<\/ul>\n\n\n\n# A\u00f1adir planes de precios<\/strong><\/h4>\n\n\n\n\nEn la segunda fila, introduzca el precio de cada plan.<\/li>\n\n\n\n Utiliza el Opci\u00f3n de resaltado<\/strong> para diferenciar los precios.<\/li>\n<\/ul>\n\n\n\n# Lista Caracter\u00edsticas del producto<\/strong><\/h4>\n\n\n\n\nCada columna debe incluir una lista de caracter\u00edsticas del plan correspondiente.<\/li>\n\n\n\n Tableberg le permite insertar un Bloque de lista<\/strong> directamente dentro de la mesa.<\/li>\n<\/ul>\n\n\n\n# A\u00f1adir botones CTA<\/strong><\/h4>\n\n\n\n\nUtiliza el Bloque de botones<\/strong> dentro de Tableberg para crear botones de llamada a la acci\u00f3n (por ejemplo, \"Comprar ahora\" o \"Empezar\").<\/li>\n\n\n\nPersonalice el texto, el color y el estilo del bot\u00f3n.<\/li>\n<\/ul>\n\n\n\nPaso 5: A\u00f1adir otra tabla de precios a una nueva pesta\u00f1a<\/h3>\n\n\n\n Haga clic en el bot\u00f3n Ficha 2<\/strong> en el bloque Alternar para Tableberg para a\u00f1adir una nueva tabla en otra pesta\u00f1a. A continuaci\u00f3n, repite los mismos pasos anteriores para crear otra tabla de precios para la nueva pesta\u00f1a.<\/p>\n\n\n\nUna vez que haya completado estos pasos, su tabla de precios con funci\u00f3n de alternancia estar\u00e1 lista. Previsualice su tabla para comprobar que todo funciona correctamente.<\/p>\n\n\n\n
Paso 6: Personalizar el Toggle para el bloque Tableberg<\/h3>\n\n\n\n Para que su tabla de precios resulte m\u00e1s atractiva visualmente y est\u00e9 en consonancia con su marca, puede personalizar los botones Conmutador para Tableberg<\/strong> bloque:<\/p>\n\n\n\nCambiar el nombre de los Toggles<\/strong>: Haga clic en cada pesta\u00f1a y cambie su etiqueta para que coincida con sus planes de precios, como Mensual, Anual o Vitalicio.<\/p>\n\n\n\nCambiar la alineaci\u00f3n de las pesta\u00f1as<\/strong>: En el panel de configuraci\u00f3n de bloques, elija alinear las pesta\u00f1as a la izquierda, al centro o a la derecha seg\u00fan sus preferencias de dise\u00f1o.<\/p>\n\n\n\nEstilizar las pesta\u00f1as<\/strong>: En la pesta\u00f1a Estilos, personalice el color de fondo, el color del texto y el borde de los toggles para que sean visualmente coherentes con el dise\u00f1o de su sitio.<\/p>\n\n\n\nEstas sencillas personalizaciones pueden mejorar enormemente la experiencia del usuario y garantizar que la tabla de precios se integre a la perfecci\u00f3n con el aspecto general del sitio web.<\/p>\n\n\n\n
Conclusi\u00f3n<\/h3>\n\n\n\n Crear tablas de precios con una funci\u00f3n de alternancia es esencial para una experiencia de usuario fluida. Con Tableberg Pro's Toggle para Tableberg<\/strong> ahora puede crear tablas de precios interactivas directamente en WordPress sin necesidad de plugins adicionales.<\/p>\n\n\n\nPru\u00e9balo y danos tu opini\u00f3n en los comentarios.<\/p>","protected":false},"excerpt":{"rendered":"
Creating a pricing table is a must if you want to sell your products and services through your website. But to display multiple pricing plans that customers can compare easily without leaving the page, you must add the toggle feature to the table. The toggle feature allows users to navigate or switch between different sets […]<\/p>\n","protected":false},"author":1,"featured_media":8135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,86],"class_list":["post-1514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-pricing-tables"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/How-to-Create-a-Pricing-Table-With-Toggle-Switch.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1514","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1514"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1514\/revisions"}],"predecessor-version":[{"id":8134,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1514\/revisions\/8134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/8135"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=1514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=1514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Inserting-Toggle-for-Tableberg-Block-1024x583.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Adding-a-Table-inside-the-Toggle-for-Tableberg-Block.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Changing-the-Tabs-Name-1024x571.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Changing-Tab-Alignment-1024x625.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Styles-Tab-1024x656.png\")
<\/figure>\n\n\n\n