{"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\/de\/docs\/how-to-show-your-memberships-in-tabs-or-accordion\/","title":{"rendered":"Wie Sie Ihre Mitgliedschaften in Registerkarten oder Akkordeon anzeigen"},"content":{"rendered":"

MemberPress verf\u00fcgt bereits \u00fcber eine Option zur Anzeige aller Mitgliedschaften auf einer Seite, wenn Sie sich f\u00fcr MemberPress Gruppen<\/a>. 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?<\/p>\n\n\n\n

Sie haben wahrscheinlich schon bemerkt, dass jede Mitgliedschaft eine Reihe von Shortcodes erstellt, auf die Sie durch Klicken auf die Schaltfl\u00e4che Shortcodes f\u00fcr die Mitgliedschaft<\/u> <\/strong>Link in der Anmeldung<\/strong> Registerkarte von die Mitgliedschaftsoptionen<\/em> Box.<\/p>\n\n\n\n

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

You\u2019ll notice two shortcodes are generated. For this tutorial, you\u2019ll need the lower one, which contains the ID part so, you\u2019ll need to prepare the shortcodes of all memberships you want to use.<\/p>\n\n\n\n

Now, you could insert those shortcodes in a page or post directly, and that would work, but you\u2019d see that all registration fields would be instantly visible, and if you have three or more memberships you want to add, it won\u2019t look pretty since the page would be quite long with a lot of fields being shown at once.<\/p>\n\n\n\n

In order to make it a lot prettier, you\u2019ll need to install and activate the Registerkarte - Akkordeon<\/a> plugin. Once the activation is complete, you\u2019ll get a new section in your WordPress Dashboard:<\/p>\n\n\n\n

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

After that, you\u2019re ready to continue. The user interface might feel a bit counter-intuitive initially, but if you follow these steps, you\u2019ll be up and running in no time. You can start by clicking on the Jetzt erstellen<\/em> Taste.<\/p>\n\n\n\n

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

You\u2019ll see eight available tabs and eight available accordions in the free versions; for more, you can upgrade to the Pro version of the plugin.<\/p>\n\n\n\n

Start by clicking on the Choose Theme button on one of the tabs or accordions you want to create. You\u2019ll get this on the left-hand side of the screen:<\/p>\n\n\n\n

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

Klicken Sie auf das \u201cPlus\u201d-Symbol im Feld Registerkarten Felder<\/strong> row, and you\u2019ll see this:<\/p>\n\n\n\n

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

You\u2019ll get three tabs already prepared (but you can add more or delete the third one), which is perfect for our example since we\u2019ll be adding our Bronze Membership, Silver Membership, and Gold Membership. Next, click the pen symbol in order to edit each tab individually. You\u2019ll be on the Menu tab. Type in the membership\u2019s name, select a tab\u2019s icon and color of text and background if you want (the other two options are Pro only), click the Inhalt<\/strong> tab, and paste the membership\u2019s shortcode in the Text<\/em> Ansicht.<\/p>\n\n\n\n

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

Don\u2019t forget to click the \u201cUpdate content\u201d button. You\u2019ll most likely need to scroll down to see it.<\/p>\n\n\n\n

Wiederholen Sie den Vorgang f\u00fcr die Silber- und Gold-Mitgliedschaft.<\/p>\n\n\n\n

Diese anderen Optionen wie Allgemeine Optionen<\/em> im Registerkarten<\/strong> und andere Optionen in Men\u00fc<\/strong> und Inhalt<\/strong> k\u00f6nnen Sie diese Registerkarten auf jede beliebige Weise visuell anpassen. Wir empfehlen, einige Zeit damit zu verbringen, um zu sehen, wie sie die visuelle Darstellung beeinflussen.<\/p>\n\n\n\n

Don\u2019t forget to click the Save\/Update button after every change. When done, click the \u201cBack to WP\u201d button.<\/p>\n\n\n\n

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

You\u2019ll be asked whether you want to leave the page. Confirm by clicking the \u201cLeave Page\u201d button.<\/p>\n\n\n\n

You\u2019ll see a completed tab, which will also generate a shortcode you\u2019ll need to copy and paste into a page or post of your choice.<\/p>\n\n\n\n

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

By clicking the Pen icon, you\u2019ll be able to go back to editing, make a copy of the tab by clicking the Copy icon, or trash it by clicking the Trash Can icon. The Preview (eye) icon won\u2019t do you much good since, while previewing, it will just show those memberships\u2019 shortcodes you\u2019ve added previously.<\/p>\n\n\n\n

However, after you publish that post or page, with the shortcode in it, you\u2019ll see something like this:<\/p>\n\n\n\n

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

Ihre Website-Besucher und Mitglieder k\u00f6nnen zwischen den drei (oder dreiunddrei\u00dfig) Ihrer Mitgliedschaften wechseln \ud83d\ude42 indem sie einfach auf eine Registerkarte klicken.<\/p>\n\n\n\n

If you end up with errors about values not being filled in, you\u2019ll need to activate the Globale CSS-Stile<\/strong> Option in MemberPress -> Einstellungen -> Allgemein<\/em> tab.<\/p>\n\n\n\n

And that\u2019s it, you\u2019ve created much better-looking tabulated memberships, or memberships in an accordion, depending upon which option you prefer.<\/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":["post-62294","ht_kb","type-ht_kb","status-publish","format-standard","ht_kb_category-how-to","entry","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