Before you begin, ensure that the Visualforce page has been added to the Conga Grid Visualforce Pages permission set. See Security and Permission Sets for Visualforce Pages for instructions.

Follow these steps:

  1. In Salesforce, click Setup.
  2. Click Develop and click Visualforce Pages.
  3. Click the link next to the name of the Visualforce page.
  4. Click Preview.
  5. Copy the URL from your browser address bar, and paste it into your system clipboard.
  6. Go back to the Visualforce Pages section of Salesforce Setup.
  7. Click the Edit hyperlink next to the same Visualforce page.
  8. Click the Visualforce Markup tab, and enter the following code immediately after the opening <apex> tag:
    <style> .fluidMedia { position: relative; padding-bottom: 40%; padding-top: 30px; 
    height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0;
    left: 0; width: 100%; height: 100%; }</style>
  9. Add a new list tag (<li>...</li>) with the name of the tab.
  10. Insert the following code in the same order as it appears in the lists, relative to the other tabs. Replace the page name in this example with your own Visualforce page name. In the <iframe> tag, insert the URL that you copied from Step 5.
    Page name ---><div style="overflow:hidden;"> <div class="fluidMedia">https://etc" 
    frameborder="0"> </iframe> </div></div>
  11. Click Save.