Popular

Show ${remains} more articles

Embed Sketchfab

Sketchfab is a platform to Manage your 3D assets, distribute and showcase 3D & AR experiences. To be able to embed  Sketchfab on your Portfoliobox website, you first need to create a Sketchfab account

1. Get the model ID from SketchFab

  1. Login to your Sketchfab account.
  2. Open your individual 3D model page.
  3. Click on the Embed button below the model.
  4. A new window will appear.
  5. You will see an iFrame code that looks like this:
    <div class="sketchfab-embed-wrapper">
        <iframe title="PORTFOLIOBOX" src="https://sketchfab.com/models/f8e38f2513fd4781b23c8d01e338c18f/embed">
        </iframe>
       <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
            <a href="https://sketchfab.com/3d-models/portfoliobox-f8e38f2513fd4781b23c8d01e338c18f" target="_blank" style="font-weight: bold; color: #1CAAD9;">PORTFOLIOBOX</a>
            by <a href="https://sketchfab.com/portfoliobox" target="_blank" style="font-weight: bold; color: #1CAAD9;">portfoliobox</a>
            on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
        </p>
    </div>
     
  6. You only need to copy the ID from the code. In this particular example, the ID would be: f8e38f2513fd4781b23c8d01e338c18f

Get the model ID from SketchFab

2. Add the Sketchfab element

  1. Right-click on an element
  2. In the Context menu, click Add Element Below.
  3. Go down to Embed.
  4. Choose Sketchfab.

Add the SketchFab element

The element is added but is empty. You now need to get the model ID from SketchFab.

3. Paste the ID of the SketchFab model into your Portfoliobox site

  1. Click the pen icon next to the element.
  2. Choose Change content.
  3. Paste the ID code. 
  4. Click Save.
  5. Change the size, margin and position. 

Paste the ID of the SketchFab model into your Portfoliobox site

Related topics

Portfoliobox ${pbVer}: Search Result

An online portfolio made for Creatives

With all the tools a professional needs

  • Dynamic Grid
  • Even Rows
  • Golden Ratio
  • Square Ratio
  • Align Center
  • Puzzle
  • Random
  • Horizontal
  • Horizontal 2
  • Horizontal 3
  • Vertical
  • Two-One
  • Three-One