Elementor

Elementor – Tabs title and description using shortcodes

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

Using shortcodes to display Elementor created content in the Tabs title as well as the Tabs description area opens up some interesting design possibilities. 

One should note that the same thing can be done with the Elementor Accordion and Toggle widgets as well.

7 thoughts on “Elementor – Tabs title and description using shortcodes”

  1. Avatar

    That’s funny, I was doing some experimenting with this myself today. I created a fancy button in Elementor Library Template, took the shortcode and put it in the title, just like you did (I’m assuming from your title, I didn’t actually watch, like I said, I did the same thing (I think.)

    Then I made a second template called “tab in tabs” which consisted of the tabs element (this being separate from my tabs widget on my actual page.) I plugged this into the content section of the tabs widget on my main page.

    Then I created a third template called “tab inside tab inside tab” and placed this inside the template content inside the “tabs in tabs” template.

    To make a long story short, it works. Crazy how flexible these shortcode injections are, opens up a world of possibilities.

    1. Avatar

      Hi Andrew,
      Brilliant!!!
      I never thought of that but that sure gets the old noggin thinking about what else can be put in there 🙂
      Accordions and toggles in tabs! The list goes on 🙂
      Thanks for sharing!
      Cheers!
      Lyle

  2. Avatar

    Hey guys,

    I’ve got a little problem with inserting short code into the content section of one of my tabs. I created an AE Elementor page with a full width background; the weird thing is that the page imports perfectly onto the first tab, but the video comes in really small on the second tab. Does anyone know what could be causing this?

    1. Avatar
      Sniffle Valve

      Hi Josh,
      Not too sure what could be causing that.
      I’ll do some research and post back here if I find something.
      Cheers!
      Lyle

Leave a Comment

Your email address will not be published. Required fields are marked *