Editing Embedded Objects with Editor

 

 

Embedded content can vary from lead forms and maps to social feeds and YouTube videos. Editor allows you to replace or modify the content embedded in the Experience and change the size of the embedded object if needed.

Editing the Embedded content

1. Click on the Embedded Object to select it and open the Design Panel
2. Edit the embed code within the Embedded Object box 
   1. Copy the desired embed code, then paste it in the box
   2. Update details of the embed code

Changing the size of the Embedded content

By default the Embedded content is going to resize to the size within the Embed code. If you need to change the size of the Embedded Object and customize this, you can do it by following these steps:

Resize the window:

1. Select the Embedded Object in the Experience
2. Resize by selecting one of the edges and increase or decrease to the desired size 

Edit the code to match the Embedded Object dimensions:

1. Click on the Embedded Object to select it and open the Design Panel
2. Within the Embedded Object box, find the Width and Height part of the embed code.
   1. These numbers will vary depending on the size and appear in the code as:
      width="600" height="450”
   2. Edit both numbers so they are each 100%, it will look like this:
      width="100%" height="100%”

Resizing the window of the Embedded Object and changing the width and height of the embed code to 100% will ensure that the Embedded Object will extend to the full width and height of that container.