Builder brands: How to use containers

Containers are a great way to add multiple elements to a group. It makes it easy to move and apply effects to this group on your site.

With a container, you can create a section that has a separate place for content. If you have a new product you developed for your website that has a YouTube video, Facebook page, images, or downloadable user guide, you may want to put all that content into one location on your page. If you put all of this into a container box, that container will hold it, allowing you to drag that box to different parts of your pages. In addition, you can apply the same effect to all the contents within a container, and it will be altered all at once, instead of individually.

• Adding a container
• Adding a container box
• Adding a container with tabs

Adding a container

1. Log in to your account manager via https://www.networksolutions.com/my-account/login.
2. Select Websites on the left menu, and you will be routed to a different tab where you can access your website editor.
   
   
    
   Note: Alternatively, if you have multiple website builder accounts, click Launch to proceed.
3. Launch your website editor by choosing Edit site.
4. Navigate to the + Elements tab in your left-hand menu to get started with containers.
   
   
    
5. Click Containers to open the container slideout.
   
   
    
6. Click the type of containers you’d like to add to your website and place them on the page.
   
   

Adding a container box

1. Once added to the page, the box will appear as a square shape.
   
   
    
2. Once you place the container on your page where you would like it, you can change the design of the box, the opacity, the color, add an image, or do anything else you need to make it right for your website.
   
   
    
3. A confirmation pop-up will show above the box when dropping elements into the container.
   
   
    
4. Add elements like social media, emails, photos, and text to the box to fill up the container.
   
   
    
5. Clicking a corner will allow you to resize the container using the small squares that appear.
6. If you click and hold the container, your cursor will turn into a crosshair, allowing you to drag the container and its contents anywhere on the page, in one motion.
   
   
    
7. Optional: You can also animate the whole box. Click on More in the toolbar.
   
   
    
8. Click Advanced.
   
   
    
9. Click Animations.
   
   
    
10. Select the animation that fits your site.
    
    
     
11. Choose CUSTOMIZE.
12. A box will appear where you can choose how long the animation plays and when it starts.
    
    

Adding a container with tabs

1. Select TABS.
   
   
    
2. Click to place the TABS element on the page. You can also resize and change the background color.
3. Add elements you want to appear on the slide inside the box, making sure that Attach To Tab appears at the top.
   
   
    
4. When finished, click Add Tab on the white bar at the top.
   
   
    
5. Repeat until you have all the slides created.
6. Add side or bottom navigation by clicking the buttons in the toolbar.
   
   
    
7. To change the transition speed and look, click on More.
   
   
    
8. Click the transition arrows.
   
   
    
9. The Transition window will pull up, allowing you to change the speed and look of the transitions.
   
   
    
10. Be sure to Save and Publish your site to make your changes live.