HelpWebsite Builder
Website Builder
- How do I add products to my Website Builder shopping cart?
Our Website Builder shopping cart makes it easy to add and manage products from within our editor. There are easy two ways to add products: Add products directly to your product page: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. If you don't already have a specified product page, click the "Pages" tab (it is shaped like a sheet of paper) and click "Add Page" on the top left. Select "Product" as the page type and click "Save & Edit" on the top left. You will now have a product page which is set up to show the products in your inventory. From your product page, click on "click to add product" to add your products. Here you can enter your product's name, a description, and images. Under the "Variants" section, you can click to set a SKU (our system will auto generate one, but it can be edited), price, stock, weight, and dimensions. You can also use the toggle to keep your product hidden until you're ready for it to show on your products page. Use the "Add Option" button to add product options such as size or color. Then click on "Add Variants" to add variations of your product in those sizes and/or colors. For example, if you added the option for the color red, you can add a variant and make that variant of your product red. Under the "Manage" section, you can select where you want your product to show on your website. Since you added the product from a certain page, this will be the default, but you can change it using the drop down menu. (Only product pages can be used.) You can customize your product's URL under, "Product URL". Please note that this should be set and then not changed or links to your product pages will break. The page's URL was set when the page was created and is also recommended not to be changed. Click the "Save" button on the top left on the screen to finalize your changes. Add products within the shopping cart editor: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Shopping Cart" (the one that looks like a cart) on the left-hand tool bar. Select the "Inventory" tab and click "Add Product". The add product screen will be the same as the one you see in the instructions above. Follow instructions 8-15 above to add your product's details. Don't forget to click the "Save" button when you're done. How do I remove a product from my inventory? What do I do if my products aren't showing up? What is the difference between a variant and an option in our Website Builder shopping cart editor? Please note that to gain access to our Website Builder shopping cart, you must have our business plan. Please note: Our business plan works for 'Physical Products' and may not be set up for digital services.
- What are the text options for my Website Builder?
When you create a text box in our Website Builder, a box of text options will appear above it when you click in the text box to type. Here is a key of what each option does from left to right: Undo: Undo the last thing you did within the text box. Redo: Redo the last thing you undid within the text box. Link Text: Use this button to add a link to your text. You can either highlight the text you want to link, then click the button or simply click on the button and enter the link you want and it will automatically add it to the text box as a full link (for example, http://www.dynadot.com). Unlink Text: Remove a link from within your text. This can only be used when your cursor is on text that has been linked. Then, to remove the link from that text, simply click the button and it will remove it. B for Bold: Click on the "B" button to make what you are going to type appear in bold or highlight the text you want to appear in bold and click on the "B" button. I for Italics: Click on the "I" button to make what you are going to type appear in italics or highlight the text you want to appear in italics and click on the "I" button. U for Underlined: Click on the "U" button to make what you are going to type appear underlined or highlight the text you want to appear underlined and click on the "U" button. Align Text Right: This will align all of your text on the right side. You can either set this before you start typing by leaving your cursor in the line you want aligned right or simply highlight the existing text you want aligned right. Align Text Centered: This will align all of your text in the center. You can either set this before you start typing by leaving your cursor in the line you want centered or simply highlight the existing text you want to have centered. Align Text Left: This will align all of your text on the left. You can either set this before you start typing by leaving your cursor in the line you want aligned left or simply highlight the existing text you want aligned left. Insert/Remove Numbered List: Create a new numbered list of items or remove an existing numbered list of items. If you're creating a new numbered list, you can either set this before you start typing by leaving your cursor in the line you want numbered or simply highlight the existing text you want numbered. Insert/Remove Bulleted List: Create a new bulleted list of items or remove an existing bulleted list of items. If you're creating a new bulleted list, you can either set this before you start typing by leaving your cursor in the line you want bulleted or simply highlight the existing text you want bulleted. Decrease Indent: This button will not be able to be used unless you've already increased your indent. If you have increased the indent of your text too much, you can use this button to decrease it. Increase Indent: This will increase your text indent, moving your text over a few spaces to the right. You can either set this before you start typing or simply leave your cursor in the line you want indented and click the button to increase it. Block Quote: This will put a section of your text in large quotes. The default is the paragraph your cursor is in when you click the button, but you can also include multiple paragraphs by highlighting all of the ones you want to include, then clicking the button. Header Drop Down: Type out your header, then highlight it and choose the header size you want from options 1-3 with 1 being the largest size. Learn how to customize your content headers Remove Format: This will remove any formatting you've added. Learn how to adjust the font, color, size, and more of your website's content.
- How do I add a contact form to my Website Builder?
To add a contact form to your Website Builder, please follow these steps: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Add" icon on the left-hand tool bar. Click on and drag the "Contact" icon to the place you want it to appear on the page. To move your text box, click out of it if your cursor is blinking, then hover over the box and use the "Move" icon that appears in the top-left corner of the text box to drag it to a new location. To remove the text box, click out of it if your cursor is blinking, then hover over the box and use the "Trash" icon that appears in the top-left corner. To save your changes, click on the "Save" button at the top left of the page. Once you have successfully added your contact form, you should set the email address for your contact form, so you can receive messages at the email address of your choice. Please note that if you do not set a specific email, contact form messages will be sent to your Dynadot account email. The contact form asks for first and last name, email, and message. The form cannot be changed to include other options at this time. Want to make other additions to your Website Builder? Learn how to add a search box and a map.
- How do I create a new Website Builder?
To create a new Website Builder, please follow these steps: Sign in to your Dynadot account. Select "My Websites" from the left-side menu bar. Click on the "Create Website" button. Either select a domain currently in your Dynadot account or search a new domain name. Add to cart and checkout. Upon order completion, you can choose the template you want to use. A new browser tab will load the template. You can now start editing! Please note: A Dynadot domain must be connected to your web builder.
- How do I add gallery of images to my Website Builder?
Our Website Builder allows you to easily add a gallery of images. To add your gallery, please follow these instructions: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Add" icon (the plus in a circle) on the left hand tool bar. Click and drag the "Gallery" icon to the section you want it to appear on the page. After you have placed it, the "Edit Gallery" box will pop up. Click on the plus sign that says "Upload Images" to upload an image from your computer. (Currently, our system only allows you to upload one image at a time.) You can adjust the way your gallery looks on your website by clicking the "Design" link at the top right corner of the "Edit Gallery" box. In "Design," you can choose to have your images show in a slideshow, carousel, grid, or stacked. Each of these options also have their own settings that will show below as you select them. When you're done setting your gallery design and uploading your gallery images, click on the "Save" button. Your gallery will appear where you added it on the page. Click on the "Save" button at the top left of the page to save all your changes. You can also add a gallery of your Instagram images.
- Is there a limit to the number of products I can sell using your Website Builder shopping cart?
No, there is no limit to the number of products you can sell with our Website Builder's shopping cart. That being said, adding too many products may make your product page slow, especially if you have a lot of images for each product. Luckily, the Website Builder's Business plan comes with unlimited pages, so if this is an issue you can spread out your products between multiple pages. Please note that access to our shopping cart feature is only available through our Website Builder Business plan. How do I add a product to my inventory? How do I remove a product from my inventory? How do I select what page a product appears on? Please note: Our business plan works for 'Physical Products' and may not be set up for digital services.
- How do I to set the same background color or image for an entire page on my Website Builder?
Depending on which template you are on and your settings, you may not be able to see very much of your new background color or image. This is because each section has its own background color or image. If you want to set the same background color or image for an entire page, please follow these steps: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Design" icon (the one that looks like a paint brush) on the left-hand tool bar. At the top of the style editor, you will see "Background" under the header "Site". Click on "Background" to change the color or to add or change your background image. If you have any other background colors or images selected for other sections of your website, you will only be able to see part of the page background. You can remove these other backgrounds by clicking on "Background" in each section of the style editor and then clicking the "Trash" icon. This will remove the background color or image and make it transparent, so you can see the main background you set. Click "Save" at the top to save your changes. We recommend using an image that is between 1200-1500 pixels for the entire page background. If you are having trouble uploading your background image, this could be why your image will not upload. If you do not want any background for your website, learn how to remove a background or choose no background at all.
- How do I add an audio/music file to my Website Builder?
To add an audio or music file to your Website Builder, please follow these steps: Sign in to your Dynadot account. Select "My Websites" from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Add" icon on the left-hand tool bar. Click on and drag the "Audio" icon to the place you want it to appear on the page. After you have placed it, the "Audio Settings" box will pop-up. Click on "Upload Audio" to upload a mp3, wav, or m4a file from your computer. The maximum file size is 10 MB. You must enter the "Track Title" and the "Track Artist" to successfully save the file. Click on the"Save" button. Your audio file will appear where you added it on the page. Click on the "Save" button at the top left-hand side of the page. Once your audio file appears on your Website Builder, you can edit by following these steps: To replace the audio file, change the track title, or change the track artist, click on the settings icon that appears in the top right-hand corner of the file. To move the audio file, click on the "Move" icon that appears in the top right-hand corner of the file. To remove the audio file, click on the "Trash" icon that appears in the top right-hand corner of the file. Want to make other changes to your Website Builder? Learn how to add images, video and more text.
- How do I change the color of links on my website in your Website Builder?
It's a good idea to make links within your content a different color, so it is easier for users to see that your text is linked. Although links are typically blue, you can make them show in any color on our Website Builder. To set your link color, please follow these instructions: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click on the "Design" icon (the one that looks like a paint brush) on the left-hand tool bar. Under the "Content" section of our style editor, click on "Link." An editor will pop up allowing you to set the color of your links. You should see your changes show as you make them. These changes will apply to all links within the content of your website. To save your changes, simply click out of the editor and then click "Save" at the top of the page. Please note that this help file refers to the links within your content. There are different instructions for changing the color of your navigation links.
- How do I customize the order notifications that are sent to customers from my Website Builder shopping cart?
Our Website Builder's Business plan's built-in shopping cart also has a built-in email system that will send customers order notifications. The notifications include order confirmation, order cancelled, order refunded, and order fulfilled and each of them can be customized within our editor. Please follow these steps to customize your order notifications: Sign in to your Dynadot account. Select “My Websites” from the left-side menu bar. Click on the "edit" link next to the website builder you want to use. Click the "Shopping Cart" tab (the one that looks like a cart) on the left-hand tool bar. Select the "Notifications" tab and you should see the four email notification templates. Click on the one you want to edit and it should bring you to a page that shows the Email Subject, Email Title, and Email Body Message. You will see a preview of how it looks as you make changes. When you are satisfied with your message, be sure to click "save" on the top left side of the screen. What variables can I use in my order emails?