Answers.Body: <p>CiviCRM can only be "invoked" once per page load, so multiple shortcodes on a page won't be functional. Instead they should display as "teasers" with links to the functional CiviCRM content on your WordPress basepage.</p>
  
  <p>In short, you can't have functional CiviCRM forms unless they are they are the only content on a page.</p>
  
  <p>There are a couple of ways you <em>could</em> do this, however:</p>
  
  <ul>
  <li>use the Caldera Forms CiviCRM plugin to embed two forms in your tabbed page</li>
  <li>pull in the content of the second tab in via an AJAX request</li>
  </ul>
  
  <p>Personally, I'd ask myself whether implementing tabs is worth the extra development time.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-05-09T07:26:25.457Z
Answers.Text: Thank you for your answer Christian, it's good to know the reason behind the problem and that CiviCRM can only be invoked once per page.
Answers.UserDisplayName: Ivan
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-05-08T16:13:09.813Z
Answers.LastActivityDate: 2018-05-08T16:13:09.813Z
Answers.UserDisplayName: Christian Wach
Body: <p>I have a CiviCRM profile that I am using in order to allow a logged-in user to edit his/her address information. In addition, I want to display the user dashboard.</p>
  <p>Normally, one would e.g. create a WordPress page and include the corresponding shortcodes like the following:</p>
  <pre><code>[civicrm component=&quot;user-dashboard&quot; hijack=&quot;0&quot;]
  
  [civicrm component=&quot;profile&quot; gid=&quot;32&quot; mode=&quot;edit&quot; hijack=&quot;0&quot;]
  </code></pre>
  <p>What I would like to achieve is to display the shortcodes within a tabbed environment, so for example by using the <a href="https://getshortcodes.com/shortcodes/tabs/" rel="nofollow noreferrer">tabs</a> component from <a href="https://getshortcodes.com/" rel="nofollow noreferrer">Shortcodes Ultimate</a>. An example can be found below:</p>
  <pre><code>[su_tabs vertical=&quot;yes&quot;]
  
  [su_tab title=&quot;Dashboard&quot; disabled=&quot;no&quot; anchor=&quot;&quot; url=&quot;&quot; target=&quot;blank&quot; class=&quot;&quot;]
  
  [civicrm component=&quot;user-dashboard&quot; hijack=&quot;0&quot;]
  
  [/su_tab]
  
  [su_tab title=&quot;Address Form&quot; disabled=&quot;no&quot; anchor=&quot;&quot; url=&quot;&quot; target=&quot;blank&quot; class=&quot;&quot;]
  
  [civicrm component=&quot;profile&quot; gid=&quot;32&quot; mode=&quot;edit&quot; hijack=&quot;0&quot;]
  
  [/su_tab]
  
  [/su_tabs] 
  </code></pre>
  <p>My problem is: The first tab loads the user dashboard correctly. The second tab does not load anything. My question to the community is if anyone has had any experience with CiviCRM shortcodes embedded within any other shortcode?</p>
  <p>Thanks!</p>
  
Tags: <wordpress><profile><user-dashboard>
Title: CiviCRM WordPress shortcode embedded within a tab shortcode does not load
ThreadText: # CiviCRM WordPress shortcode embedded within a tab shortcode does not load
  
  (Asked by: username_0 on 2018-05-08)
  
  I have a CiviCRM profile that I am using in order to allow a logged-in user to edit his/her address information. In addition, I want to display the user dashboard.
  
  Normally, one would e.g. create a WordPress page and include the corresponding shortcodes like the following:
  
  ```
  [civicrm component="user-dashboard" hijack="0"]
  
  [civicrm component="profile" gid="32" mode="edit" hijack="0"]
  
  ```
  
  What I would like to achieve is to display the shortcodes within a tabbed environment, so for example by using the [tabs](https://getshortcodes.com/shortcodes/tabs/) component from [Shortcodes Ultimate](https://getshortcodes.com/). An example can be found below:
  
  ```
  [su_tabs vertical="yes"]
  
  [su_tab title="Dashboard" disabled="no" anchor="" url="" target="blank" class=""]
  
  [civicrm component="user-dashboard" hijack="0"]
  
  [/su_tab]
  
  [su_tab title="Address Form" disabled="no" anchor="" url="" target="blank" class=""]
  
  [civicrm component="profile" gid="32" mode="edit" hijack="0"]
  
  [/su_tab]
  
  [/su_tabs] 
  
  ```
  
  My problem is: The first tab loads the user dashboard correctly. The second tab does not load anything. My question to the community is if anyone has had any experience with CiviCRM shortcodes embedded within any other shortcode?
  
  Thanks!
  
  **Tags:** wordpress, profile, user-dashboard
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2018-05-08. Score: 3 | Accepted answer
  
  CiviCRM can only be "invoked" once per page load, so multiple shortcodes on a page won't be functional. Instead they should display as "teasers" with links to the functional CiviCRM content on your WordPress basepage.
  
  In short, you can't have functional CiviCRM forms unless they are they are the only content on a page.
  
  There are a couple of ways you *could* do this, however:
  
  * use the Caldera Forms CiviCRM plugin to embed two forms in your tabbed page
  * pull in the content of the second tab in via an AJAX request
  
  Personally, I'd ask myself whether implementing tabs is worth the extra development time.
  
  > **Comments:**
  > **username_0**: Thank you for your answer username_1, it's good to know the reason behind the problem and that CiviCRM can only be invoked once per page.  
  
  ---
  
  