Knowledge Base

Builder Brands: Copy an element

Copying an element is very common when you first start building out sections or adding content to your site. Sometimes you like the look of an item so much that you want to replicate that on your page or other pages. Other times, you may need to copy your call to action from the header so that you can easily add it to your footer, or maybe you want it to show on all pages instead of manually copying.

This article will cover the steps for copying an element using the toolbar, how to make an element appear on all pages, and using shortcuts.

Copy an element on a page

After adding an element to a page, such as a call to action button (or even an image), you can copy that element and use it elsewhere on the page by following these steps:

  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.

    websites tab
     
    Note: Alternatively, if you have multiple website builder accounts, click Launch to proceed.
  3. Launch your website editor by choosing Edit site.
  4. Click directly on the element you wish to reproduce to select it, and you will see its settings toolbar appear above or below the element. When you select any object, eight small squares appear around the item to indicate which item is actively selected. (These squares are called the image handles, and will allow you to resize the element.)

    Click directly on the Element you wish to reproduce
     
  5. Click the icon that looks like overlapping squares to duplicate from the element toolbar.

    From the Element toolbar, click the icon that looks like overlapping squares to duplicate
     
  6. Once the button is clicked, you will see the element duplicate itself.

    Once the button is clicked, you will see the element duplicate itself
     
  7. To edit either element, click on the one that needs to be changed, and you can drag it from there.

 

Copy an element to all pages

When working with elements, you may come across one that you would like to have on all pages. It may seem easy enough to copy it onto all pages, but your website builder has an advanced setting only for this. Doing so means you won't have to change each item individually. Instead, change one, and you will affect them all.

To show an element, like the green button, on all pages, follow these steps:

  1. Click the Element to show its toolbar.

    Click the Element to show its toolbar
     
  2. From the element toolbar, select More to show more settings.

    From the Element Toolbar, select More to show more settings
     
  3. Next, select Advanced to access the pop-up settings menu for that element.

    select Advanced to access the Pop-up Settings Menu for that element
     
  4. Select the Size And Position option from the list and scroll down to the element appearance section.

    Select the Size and Position option from the list and scroll down to the Element Appearance section

    Element Appearance Toolbar
     
  5. You will see a switch button for Show On All Pages within the ELEMENT APPEARANCE section. Enable the switch, and your element will now be in the same spot on all pages.

    Within the Element Appearance section, you will see a switch button for Show On All Pages
     
    Pro tip: This only works for elements that are in a section and NOT in the header and, footer as they already display on all pages

 

Copy an element using short keys

Using short keys is essential for quickly moving around online as well as on a computer. Luckily for most users and computers, the shortcut commands are easy to learn, universal in use, and make editing much more straightforward.

To get started, first be familiar with the CTRL (control button) on your keyboard. (For Macs, this will be the command button.) Holding this button tells your computer you want to execute an entry that differs from your available keyboard buttons. When you press Control and hit a keyboard button, it will perform a variety of different tasks as follows:

Copy and paste short keys:

First, select some text in a document or an element in your web designer and perform the following:

  • Copy – Hold CTRL on the left or right side of your keyboard (most comfortable with your left pinky) and press C.
  • Paste – Hold the same CTRL button and press V. This will paste your copied selection.
  • Undo – Hold the CTRL button and press Z. This will undo moves sequentially until satisfied.
  • Cut/Delete – Hold on CTRL, then hit X. This will delete the selection.
Pro tip: As with most things, practice makes perfect! It takes some time to test these out and research all your available shortcut key options online.

Get practical tips and product updates on LinkedIn.
Follow Network Solutions