Elementor

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.

Similar Posts

9 Comments

  1. 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. 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. 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. 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

    1. Hi Alex,
      Should work as shown in the video. I have no problems getting it to work for me. Is the shortcode formatted correctly?
      Cheers!
      Lyle

Leave a Reply

Your email address will not be published.