Show ${remains} more articles

Portfoliobox 4 |  Learn Content & Element Embed elements & Integrations

Embed Shapespark

Shapespark enables to turn architectural 3D models into interactive web walkthroughs. To be able to embed Shapespark on your Portfoliobox website, you first need to create an Shapespark account.

1. Get the username and scene name from Shapespark

  1. Login to your Shapespark account.
  2. Open your previously uploaded scene.
  3. Copy your scene URL, it looks like this: https://your-user-name.shapespark.com/your-scene-name/

Get the username and scene name from ShapeSpark

1. Stands for your username; 2. Stands for the scene name. In this particular example, the username would be portfoliobox, and scene name would be demo-room

2. Add the Shapespark element

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

Add the ShapePark element

The element is added but it is currently empty. You now need to paste your Shapespark username and room name.

3. Paste the username and scene name into your Portfoliobox site

  1. Click the pen icon next to the element.
  2. Choose Change content.
  3. Paste your username into the 1st field.
  4. Paste your scene name into the 2nd field.
  5. Click Save.
  6. Change the size, margin and position. 

Paste the username and scene name 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