{"id":62294,"date":"2024-02-13T09:21:20","date_gmt":"2024-02-13T14:21:20","guid":{"rendered":"https:\/\/memberpress.com\/docs\/how-to-show-your-memberships-in-tabs-or-accordion\/"},"modified":"2024-02-16T03:09:45","modified_gmt":"2024-02-16T08:09:45","slug":"how-to-show-your-memberships-in-tabs-or-accordion","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/es\/docs\/how-to-show-your-memberships-in-tabs-or-accordion\/","title":{"rendered":"C\u00f3mo mostrar sus afiliaciones en pesta\u00f1as o acorde\u00f3n"},"content":{"rendered":"

MemberPress ya tiene una opci\u00f3n para mostrar todas las afiliaciones en una p\u00e1gina si se opta por Grupos MemberPress<\/a>. Sin embargo, \u00bfqu\u00e9 ocurre si sus afiliaciones son tan diferentes que no tiene sentido cambiar de categor\u00eda o simplemente no quiere utilizar esa funci\u00f3n por una raz\u00f3n u otra?<\/p>\n\n\n\n

Probablemente ya te habr\u00e1s dado cuenta de que cada afiliaci\u00f3n crea un conjunto de c\u00f3digos cortos a los que puedes acceder haciendo clic en el bot\u00f3n C\u00f3digos cortos de afiliaci\u00f3n<\/u> <\/strong>enlace en el Inscripci\u00f3n<\/strong> ficha de las opciones de afiliaci\u00f3n<\/em> caja.<\/p>\n\n\n\n

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

Notar\u00e1 que se generan dos shortcodes. Para este tutorial, usted necesitar\u00e1 la parte inferior, que contiene la parte de identificaci\u00f3n por lo que, tendr\u00e1 que preparar los c\u00f3digos cortos de todos los miembros que desea utilizar.<\/p>\n\n\n\n

Ahora, podr\u00edas insertar esos shortcodes en una p\u00e1gina o post directamente, y eso funcionar\u00eda, pero ver\u00edas que todos los campos de registro ser\u00edan visibles instant\u00e1neamente, y si tienes tres o m\u00e1s membres\u00edas que quieres agregar, no se ver\u00eda bonito ya que la p\u00e1gina ser\u00eda bastante larga con muchos campos mostr\u00e1ndose a la vez.<\/p>\n\n\n\n

Para que sea mucho m\u00e1s bonito, tendr\u00e1s que instalar y activar la aplicaci\u00f3n Pesta\u00f1a \u2013 Acorde\u00f3n<\/a> plugin. Una vez completada la activaci\u00f3n, aparecer\u00e1 una nueva secci\u00f3n en el panel de control de WordPress:<\/p>\n\n\n\n

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

Despu\u00e9s, ya puedes continuar. La interfaz de usuario puede parecer un poco contraintuitiva al principio, pero si sigues estos pasos, estar\u00e1s funcionando en un santiam\u00e9n. Para empezar, haz clic en el icono Crear ahora<\/em> bot\u00f3n.<\/p>\n\n\n\n

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

Ver\u00e1s ocho pesta\u00f1as y ocho acordeones disponibles en las versiones gratuitas; para m\u00e1s, puedes actualizar a la versi\u00f3n Pro del plugin.<\/p>\n\n\n\n

Empieza por hacer clic en el bot\u00f3n Elegir tema de una de las pesta\u00f1as o acordeones que quieras crear. Te aparecer\u00e1 en la parte izquierda de la pantalla:<\/p>\n\n\n\n

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

Haga clic en el s\u00edmbolo \u201cm\u00e1s\u201d en el Campos de las pesta\u00f1as<\/strong> fila, y ver\u00e1s esto:<\/p>\n\n\n\n

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

Tendr\u00e1s tres pesta\u00f1as ya preparadas (pero puedes a\u00f1adir m\u00e1s o eliminar la tercera), lo cual es perfecto para nuestro ejemplo ya que a\u00f1adiremos nuestra Afiliaci\u00f3n Bronce, Afiliaci\u00f3n Plata y Afiliaci\u00f3n Oro. A continuaci\u00f3n, haz clic en el s\u00edmbolo del bol\u00edgrafo para editar cada pesta\u00f1a individualmente. Estar\u00e1 en la pesta\u00f1a Men\u00fa. Escriba el nombre de la membres\u00eda, seleccione el icono de la pesta\u00f1a y el color del texto y el fondo si lo desea (las otras dos opciones son s\u00f3lo Pro), haga clic en el bot\u00f3n Contenido<\/strong> y pegue el shortcode de afiliaci\u00f3n en el campo Texto<\/em> vista.<\/p>\n\n\n\n

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

No olvides hacer clic en el bot\u00f3n \u201cActualizar contenido\u201d. Probablemente tendr\u00e1s que desplazarte hacia abajo para verlo.<\/p>\n\n\n\n

Repita el procedimiento para las afiliaciones Plata y Oro.<\/p>\n\n\n\n

Esas otras opciones como Opciones generales<\/em> en el Fichas<\/strong> y otras opciones en Men\u00fa<\/strong> y Contenido<\/strong> le permitir\u00e1n ajustar esas pesta\u00f1as visualmente, de la forma que desee. Te recomendamos que juegues un rato con ellas para ver c\u00f3mo afectan a la presentaci\u00f3n visual.<\/p>\n\n\n\n

No olvides hacer clic en el bot\u00f3n Guardar\/Actualizar despu\u00e9s de cada cambio. Cuando hayas terminado, haz clic en el bot\u00f3n \u201cVolver a WP\u201d.<\/p>\n\n\n\n

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

Se le preguntar\u00e1 si desea salir de la p\u00e1gina. Confirme haciendo clic en el bot\u00f3n \u201cSalir de la p\u00e1gina\u201d.<\/p>\n\n\n\n

Ver\u00e1s una pesta\u00f1a completada, que tambi\u00e9n generar\u00e1 un shortcode que tendr\u00e1s que copiar y pegar en una p\u00e1gina o post de tu elecci\u00f3n.<\/p>\n\n\n\n

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

Haciendo clic en el icono del bol\u00edgrafo, podr\u00e1 volver a la edici\u00f3n, hacer una copia de la pesta\u00f1a haciendo clic en el icono Copiar o eliminarla haciendo clic en el icono de la papelera. El icono de Vista Previa (ojo) no le servir\u00e1 de mucho ya que, durante la vista previa, s\u00f3lo mostrar\u00e1 los shortcodes de las membres\u00edas que haya a\u00f1adido previamente.<\/p>\n\n\n\n

Sin embargo, despu\u00e9s de publicar ese post o p\u00e1gina, con el shortcode en ella, ver\u00e1s algo como esto:<\/p>\n\n\n\n

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

Los visitantes y miembros de tu web podr\u00e1n moverse entre las tres (o treinta y tres) de tus afiliaciones \ud83d\ude42 simplemente haciendo clic en una pesta\u00f1a.<\/p>\n\n\n\n

Si al final se producen errores porque no se rellenan los valores, tendr\u00e1 que activar la funci\u00f3n Estilos CSS globales<\/strong> opci\u00f3n en MemberPress -> Configuraci\u00f3n -> General<\/em> ficha.<\/p>\n\n\n\n

Y ya est\u00e1, habr\u00e1s creado afiliaciones tabuladas con mucho mejor aspecto, o afiliaciones en acorde\u00f3n, seg\u00fan la opci\u00f3n que prefieras.<\/p>","protected":false},"excerpt":{"rendered":"

MemberPress already has an option to show all memberships on one page if you go for MemberPress Groups. However, what if your memberships are different enough so that upgrading\/downgrading doesn\u2019t make sense, or you simply don\u2019t want to use that feature due to one reason or another? You have probably by now noticed that every [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1315],"ht-kb-tag":[],"class_list":{"0":"post-62294","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-how-to","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t