FREQUENTLY ASKED QUESTIONS
How do I add & edit text
Adding written content to your site is as easy as dragging any of our text elements to a page. The primary text elements are Text and Title:
Drag one of these elements to your page and click on it to start typing.
While you can type multiple paragraphs within a single text element, your site will be easier to read and look cleaner if you use a separate text element for each new paragraph. This also gives you a lot more flexibility when designing your pages, and allows you to choose the alignment for each paragraph individually, position different elements between or next to paragraphs, or add an image to each text element if you like.
When typing in a text element, you'll see a bar across the top with various icons. This is the text toolbar and you can use it to do some basic formatting, similar to what you may be familiar with from word processing apps. Simply select the text you want to modify and click the appropriate button to make that change.
From left to right, the icons allow you to bold your text, italicize it, underline it, make it bigger, make it smaller, change the color, create a link, adjust the alignment of all text within the element, create bulleted and numbered lists, and remove any formatting you previously applied. The left arrow will undo the last change you made, and the right arrow will re-do the last change you undid. Note that these options will only function while you're actively typing inside the element - once you've clicked outside the element, your changes will be saved and you'll need to undo/redo manually.
You may notice that one thing you can't do from the toolbar is change the font family for your text. Font changes are handled from the Theme tab.
- Title: For adding an H2 headline before a paragraph, or anywhere on the page when you want some text to stand out. This text is larger and more eye catching than paragraph text.
- Text: This is your paragraph text, which you'll want to use for the majority of the written content on your site in order to provide a consistent look.
Drag one of these elements to your page and click on it to start typing.
While you can type multiple paragraphs within a single text element, your site will be easier to read and look cleaner if you use a separate text element for each new paragraph. This also gives you a lot more flexibility when designing your pages, and allows you to choose the alignment for each paragraph individually, position different elements between or next to paragraphs, or add an image to each text element if you like.
When typing in a text element, you'll see a bar across the top with various icons. This is the text toolbar and you can use it to do some basic formatting, similar to what you may be familiar with from word processing apps. Simply select the text you want to modify and click the appropriate button to make that change.
From left to right, the icons allow you to bold your text, italicize it, underline it, make it bigger, make it smaller, change the color, create a link, adjust the alignment of all text within the element, create bulleted and numbered lists, and remove any formatting you previously applied. The left arrow will undo the last change you made, and the right arrow will re-do the last change you undid. Note that these options will only function while you're actively typing inside the element - once you've clicked outside the element, your changes will be saved and you'll need to undo/redo manually.
You may notice that one thing you can't do from the toolbar is change the font family for your text. Font changes are handled from the Theme tab.
how do i edit fonts?
- Choosing the right fonts can take your website from bland to beautiful in an instant. While each theme has default font and color options built in, you’re not stuck with those - you can change the look of virtually any text on your site from the Theme tab.
- Click on Change Fonts to get started. The options here are organized into groups based on where the text is used on your website.
- You’ll find as you mouse over items in the list, the corresponding text on your page will be highlighted so you know exactly what you’re working with. If you don’t see anything highlighted, try scrolling down or switching to a different page - it’s possible that the type of text you’re looking to edit isn’t in use on the page you’re viewing.
- When you change the font face or other attributes for any given text, you can watch it update live on your page. If you like what you see, there’s no need to save anything - just click on Change Font at the upper left to go back to the main list. Don’t like the way your changes look? You can quickly undo and go back to the default settings using the Reset link.
- The same fonts and style options are available for all of the text on your site, but some fonts are better suited for large text. You’ll get the best results if you focus on readability for the majority of your text and save the more decorative fonts for titles and headlines.
- Another thing to keep in mind is that all font settings are universal for each element. For example, every paragraph element on your site will use the same font, color, size and other options you’ve chosen for paragraph text. That said, you can still make some adjustments to specific portions of text. Select some text within an element and you’ll see a toolbar pop up. You can use these options to change the color, adjust the size, and apply formatting to the highlighted text.
how do i add pictures to my site?
There are four ways to add pictures to your pages: Image Elements, Slideshow Elements, Gallery Elements.
From the Build tab, drag the image element to a page. Then click on the element to open the image selection dialog box.
Here you can upload an image from your computer by dragging the file from a folder directly onto the select images from window or by clicking the green upload button and locating the file on your computer.
The size of the picture as it appears on your website may be a bit different than you expected, but you can change the size easily. Mouse over the image and a small blue box in the lower right corner will appear. Click and drag on this to resize the image.
Clicking on a photo will bring up the element settings.
In addition to the Edit and Replace image buttons, the following options are available:
Link: This option allows you to add a link to the image.
Lightbox: Enabling the lightbox feature will display the full sized image in an overlay when someone clicks the image on the page.
Spacing: Click on this to adjust the amount of white space around the picture.
Caption: Click here to enter caption text that will display beneath the image.
Advanced: This menu includes options to choose a border style and color and enter Alt Text for the image.
The Edit Image button will open an image editor with several more options. From left to right in the above image:
Use the undo button to remove any change you don't like, and don't forget to click save when you're done editing.
You can also add an image directly to a text element and have the text wrap around the image. To do this, drag an image element into an existing text element.
Then upload an image as described above. You'll likely want to adjust the size of larger images using the blue drag control in the corner of the image. You can access the same settings that are available for a standalone image element, like caption and spacing, and switch the alignment from left to right.
From the Build tab, drag the image element to a page. Then click on the element to open the image selection dialog box.
Here you can upload an image from your computer by dragging the file from a folder directly onto the select images from window or by clicking the green upload button and locating the file on your computer.
The size of the picture as it appears on your website may be a bit different than you expected, but you can change the size easily. Mouse over the image and a small blue box in the lower right corner will appear. Click and drag on this to resize the image.
Clicking on a photo will bring up the element settings.
In addition to the Edit and Replace image buttons, the following options are available:
Link: This option allows you to add a link to the image.
Lightbox: Enabling the lightbox feature will display the full sized image in an overlay when someone clicks the image on the page.
Spacing: Click on this to adjust the amount of white space around the picture.
Caption: Click here to enter caption text that will display beneath the image.
Advanced: This menu includes options to choose a border style and color and enter Alt Text for the image.
The Edit Image button will open an image editor with several more options. From left to right in the above image:
- Crop: Crop or rotate the image
- Filters: Add one of several filters, similar to what you may be familiar with from popular photo apps
- Adust: Make adjustments to the image brightness, saturation, and contrast
- Text: Add text in a layer on top of the image
- Focus: Add a linear or radial blur effect to the image
Use the undo button to remove any change you don't like, and don't forget to click save when you're done editing.
You can also add an image directly to a text element and have the text wrap around the image. To do this, drag an image element into an existing text element.
Then upload an image as described above. You'll likely want to adjust the size of larger images using the blue drag control in the corner of the image. You can access the same settings that are available for a standalone image element, like caption and spacing, and switch the alignment from left to right.
how to upload multiple images with slideshows and galleries?
If you want to add multiple images to your site, there are two easy ways to do that, with our Gallery and Slideshow elements. Choosing which one depends on how you want it to look. For reference:
Gallery
Our gallery element enables you to display as many images as you’d like, in a click-to-see-a-larger-version (lightbox) grid format that you control.
Drag the Gallery element to a page to get started.
Then click the Upload Images button that appears in the element.
And either drag images into the box or click the big green Upload Photos button.
This will let you select images from your computer to upload. You can select multiple images by holding the CTRL key on a PC or the Command key on a Mac. If you have trouble uploading images, we'd recommend limiting the number you upload to no more than 50 or so at a time. You can always add more later.
Give the photos a few minutes to upload and then you'll see your gallery on the page.
Each image in the gallery automatically links to a larger version of the image. You can also link an image elsewhere (another site or page) if you like or add a caption that will appear on the enlarged version of an image. Click on the gallery to see these options.
Click on thumbnails and drag them around to rearrange images within the gallery.
The gallery's toolbox enables you to make additional changes.
Slideshow
To add a slideshow of images, drag the element to a page on your site.
This will open the "Choose a Slideshow Style" dialog box where you can select which style of slideshow you want. This can always be changed later, so don't spend too much time worrying about which one you want.
You'll now be prompted to upload photos. Hit the big Upload Photos button or just drag some photos into the box to get started.
Then select the photos you want to upload. You're to both delete unwanted photos and and more photos to the slideshow at any time, so you don't have to be too selective at this point.
Depending on how many photos you've chosen, it may take them a few minutes to upload. Once they're done uploading you'll see them all on the photo management screen.
You can drag photos to re-order them, click the "x" next to each to delete them and click the "bubble" icon to add a caption that'll appear along with the photo in the slideshow.
When you're ready to move on, click Save and you'll see the slideshow as part of the page.
Click on the slideshow to open its toolbox and make changes (scroll to view more options within the toolbox).
Note that the slideshow will automatically expand to the width of the page or column in which you've placed it. So if you want to shrink a slideshow, you simply need to place it in a column by dragging a Spacer element too either side of it.
- Gallery: Displays photos in a grid, clicking on an image opens it in a large “lightbox” display. Manual control for scrolling through photos.
- Slideshow: Displays one large photo at a time within the page, with sequential thumbnails. Autoplay or manual control for scrolling through photos.
Gallery
Our gallery element enables you to display as many images as you’d like, in a click-to-see-a-larger-version (lightbox) grid format that you control.
Drag the Gallery element to a page to get started.
Then click the Upload Images button that appears in the element.
And either drag images into the box or click the big green Upload Photos button.
This will let you select images from your computer to upload. You can select multiple images by holding the CTRL key on a PC or the Command key on a Mac. If you have trouble uploading images, we'd recommend limiting the number you upload to no more than 50 or so at a time. You can always add more later.
Give the photos a few minutes to upload and then you'll see your gallery on the page.
Each image in the gallery automatically links to a larger version of the image. You can also link an image elsewhere (another site or page) if you like or add a caption that will appear on the enlarged version of an image. Click on the gallery to see these options.
Click on thumbnails and drag them around to rearrange images within the gallery.
The gallery's toolbox enables you to make additional changes.
- Add Images: There's no limit, but we recommend uploading no more than 200 images to any one gallery so as to not overwhelm your visitors.
- Determine the number of Columns you want. The default is 3, but you can use from 2 to 6.
- Select the amount of Spacing to place between each image.
- Adjust Caption settings and placement.
- And with Advanced, choose if you want a border around each thumbnail or not. And select if you want to crop the thumbnails to either squares or rectangles. This cropping has no impact on the enlarged images, it only changes the look of the thumbnails to make the gallery look more uniform.
Slideshow
To add a slideshow of images, drag the element to a page on your site.
This will open the "Choose a Slideshow Style" dialog box where you can select which style of slideshow you want. This can always be changed later, so don't spend too much time worrying about which one you want.
You'll now be prompted to upload photos. Hit the big Upload Photos button or just drag some photos into the box to get started.
Then select the photos you want to upload. You're to both delete unwanted photos and and more photos to the slideshow at any time, so you don't have to be too selective at this point.
Depending on how many photos you've chosen, it may take them a few minutes to upload. Once they're done uploading you'll see them all on the photo management screen.
You can drag photos to re-order them, click the "x" next to each to delete them and click the "bubble" icon to add a caption that'll appear along with the photo in the slideshow.
When you're ready to move on, click Save and you'll see the slideshow as part of the page.
Click on the slideshow to open its toolbox and make changes (scroll to view more options within the toolbox).
- Use the Add / Edit Photos button to bring up the Manage Photos dialog box we saw earlier.
- Use Transition Style to switch between five different photo transitions.
- Use Navigation to select whether you want to use Thumbnails, Numbers or no navigation at all.
- Use Speed to determine how fast the slideshow should play.
- Use Spacing the tweak the amount of space around the image.
- Use Caption to determine if any text captions should appear at the top or bottom of each image.
- And with the Advanced option, set Autoplay to On or Off (it's on by default) and determine if you want the slideshow to always play in order or start from a random point every time the show is loaded.
Note that the slideshow will automatically expand to the width of the page or column in which you've placed it. So if you want to shrink a slideshow, you simply need to place it in a column by dragging a Spacer element too either side of it.
how do i upload my logo t0 my site?
Every website needs a name, and you can choose to display that name on your website with text or as an image. Whichever you choose, it will be visible on each page of your site. You can also disable this completely, but let's take a look here at adding a logo image. Find the title at the top of the page and mouse over it to reveal the options.
Don't see the title? Go to the General section of the Settings tab and make sure that you have a site title entered and that the checkbox to display it is enabled.
Click on Logo to bring up the image upload dialog. If you've already uploaded an image, you can toggle from Text to Logo to Off with these buttons. You can also remove a previously uploaded logo image with the trashcan icon, which will appear here if you have an image uploaded.
Click the button to locate your image file or drag it directly onto the window if you prefer. You can upload any standard image file (JPG, PNG, GIF), but your logo will likely look the best if it has a transparent background and a color that contrasts well with the background of your site.
You'll get the best results if you use an image that isn't too tall or wide, especially if it was designed to be used as a website logo.
If you don't have a logo image but still want to customize the look of your site title, you can always choose a more decorative font and change the size and color of the text.
Don't see the title? Go to the General section of the Settings tab and make sure that you have a site title entered and that the checkbox to display it is enabled.
Click on Logo to bring up the image upload dialog. If you've already uploaded an image, you can toggle from Text to Logo to Off with these buttons. You can also remove a previously uploaded logo image with the trashcan icon, which will appear here if you have an image uploaded.
Click the button to locate your image file or drag it directly onto the window if you prefer. You can upload any standard image file (JPG, PNG, GIF), but your logo will likely look the best if it has a transparent background and a color that contrasts well with the background of your site.
You'll get the best results if you use an image that isn't too tall or wide, especially if it was designed to be used as a website logo.
If you don't have a logo image but still want to customize the look of your site title, you can always choose a more decorative font and change the size and color of the text.
what if i can"t upload my images or files?
Having trouble uploading a file or image?
Clear Your Cache: Clearing your browser cache is often a great fix for annoying little problems that come up. You need to clear the cache, close the browser, re-open the browser and then log back in to your account. If you're not sure how to clear your cache, see:
http://www.refreshyourcache.com/
Try a Different Browser: Our service usually works perfectly with most flavors of Firefox, Safari, Chrome and Internet Explorer. But if clearing the cache doesn't help out, switching to any other browser than the one you're currently using may be the way to go.
If you're not sure which browser you're using now, take a look at Google's excellent whatbrowser.org. It'll tell you which browser you're using right now and even allow you to update it to the newest version (should there be a newer version than the one you're using).
You can download Firefox here
You can download Chrome here
You can download Safari here
Check Your Browser Extensions: Most browsers allow you to install third-party extensions that "add" functionality to the browser. Some extensions are useful. Many are not.
You may have installed an extension to your browser without even knowing it and some extensions can interfere with programs like ours. So it can't hurt to open up the settings for your browser extensions and turn any / all off them to see if this allows you to upload images without trouble.
Clear Your Cache: Clearing your browser cache is often a great fix for annoying little problems that come up. You need to clear the cache, close the browser, re-open the browser and then log back in to your account. If you're not sure how to clear your cache, see:
http://www.refreshyourcache.com/
Try a Different Browser: Our service usually works perfectly with most flavors of Firefox, Safari, Chrome and Internet Explorer. But if clearing the cache doesn't help out, switching to any other browser than the one you're currently using may be the way to go.
If you're not sure which browser you're using now, take a look at Google's excellent whatbrowser.org. It'll tell you which browser you're using right now and even allow you to update it to the newest version (should there be a newer version than the one you're using).
You can download Firefox here
You can download Chrome here
You can download Safari here
Check Your Browser Extensions: Most browsers allow you to install third-party extensions that "add" functionality to the browser. Some extensions are useful. Many are not.
You may have installed an extension to your browser without even knowing it and some extensions can interfere with programs like ours. So it can't hurt to open up the settings for your browser extensions and turn any / all off them to see if this allows you to upload images without trouble.
how do i upload hd videos?
If you're on the Pro plan or higher, you can use the HD Video element to upload video directly to your website and display it in an unbranded video player. This looks more professional and can be less distracting for your visitors than embedding video from a branded website.
The HD Video element is in the Media section of the Build tab. Drag it over to your page to get started.
Click on the element to open the options and start an upload. Most standard video file formats are supported (MP4, MPG, MOV, WMV), and you can upload videos up to 1GB in size.
Depending on the size of your video and your internet connection, it may take some time for the upload to complete. You'll see a status bar showing the upload progress, and you can go ahead and work on other parts of your site while you wait.
When your video is uploaded, we'll automatically encode it for optimal playback. This can also take some time to complete, but you can keep working on the rest of your site while you wait.
Once the encoding completes, you're all set! You can also adjust the alignment, display size, and spacing for your video, or allow visitors to download a copy of the file if you wish.
The HD Video element is in the Media section of the Build tab. Drag it over to your page to get started.
Click on the element to open the options and start an upload. Most standard video file formats are supported (MP4, MPG, MOV, WMV), and you can upload videos up to 1GB in size.
Depending on the size of your video and your internet connection, it may take some time for the upload to complete. You'll see a status bar showing the upload progress, and you can go ahead and work on other parts of your site while you wait.
When your video is uploaded, we'll automatically encode it for optimal playback. This can also take some time to complete, but you can keep working on the rest of your site while you wait.
Once the encoding completes, you're all set! You can also adjust the alignment, display size, and spacing for your video, or allow visitors to download a copy of the file if you wish.
how do i use the audio player element?
The audio player element allows you to easily add an MP3 file directly to your website.
You'll find the element in the Media section of the Build tab. Drag it onto a page to get started.
Click anywhere on the element to open the settings panel, then click Upload File to choose an MP3 file from your computer.
The upload may take a few minutes to complete depending on the file size and your connection speed, but you can close the upload window and monitor the status via the upload progress bar.
Once the upload is complete, the player will expand to display the artist and track info if this information is embedded in the file. Click again on the element to open the settings panel and adjust the position and color of the player (light or dark). You can also enter the Artist and Track info here if it's missing from your file.
The audio player currently only allows for a single MP3 file.
You'll find the element in the Media section of the Build tab. Drag it onto a page to get started.
Click anywhere on the element to open the settings panel, then click Upload File to choose an MP3 file from your computer.
The upload may take a few minutes to complete depending on the file size and your connection speed, but you can close the upload window and monitor the status via the upload progress bar.
Once the upload is complete, the player will expand to display the artist and track info if this information is embedded in the file. Click again on the element to open the settings panel and adjust the position and color of the player (light or dark). You can also enter the Artist and Track info here if it's missing from your file.
The audio player currently only allows for a single MP3 file.
how do i display documents on my site?
The Document element, powered by our partner Scribd, allows you to upload and display documents on your site for easy online viewing.
Drag the Document element from the Build tab over to your page and drop it where you'd like it to display. You'll see a sample document asking you to click on it to upload a new file.
Click Upload File to locate a document on your computer or drag one to the upload window. The Document element supports PDF and DOC/DOCX file types, so your computer may show other files as greyed out to indicate they can't be uploaded.
You may need to wait a moment for the document to display while it finishes uploading and converting, but you can move on to other things or exit the editor if need be - it'll keep working in the background and will display normally when finished.
When your file is finished uploading, you can adjust the size of the element by clicking on it and choosing the height option that best fits your document.
Drag the Document element from the Build tab over to your page and drop it where you'd like it to display. You'll see a sample document asking you to click on it to upload a new file.
Click Upload File to locate a document on your computer or drag one to the upload window. The Document element supports PDF and DOC/DOCX file types, so your computer may show other files as greyed out to indicate they can't be uploaded.
You may need to wait a moment for the document to display while it finishes uploading and converting, but you can move on to other things or exit the editor if need be - it'll keep working in the background and will display normally when finished.
When your file is finished uploading, you can adjust the size of the element by clicking on it and choosing the height option that best fits your document.
how do i embed video from youtube, vimeo, and others?
YouTube element
Our YouTube Video element allows you to share videos from, er, what's that place called? Oh yeah, YouTube! This element can be found under the Media section of Elements.
This element is one of two ways you can add a YouTube video to your site. The second (and more flexible) way is to use our Embed Code element, which we'll tackle next.
Drag the element to a page and click on it to bring up the toolbox. You need to enter the direct link to the YouTube video in the provided field.
To find the direct link, click the Share button beneath the YouTube video. And copy / paste from there.
Once you add the link, the video should show up on your page in less that a minute. If it does not show up then you are not using the direct link—please double check that you are copying the proper link using the option noted above.
Once the link is in place, you can determine the size of the video player using the Advanced option in the YouTube element's toolbox.
If you feel at all limited by this element, you're also welcome to embed videos from YouTube using our Embed Code element. How so?
Embed videos from YouTube, Vimeo, etc.
Our Pro elements are not the only way to add Video and Audio to your site. You can add multimedia content from Vimeo.com, Blip.tv, Ustream.com (and many other providers) using our Embed Code element.
Start by dragging the element to the page.
Then get the embed code for whatever you're looking to add to the site. This can usually be accessed via an embed or share button found on or near the content you're looking to share.
Once you have the embed code, click inside the Embed Code element, then select Edit Custom HTML to paste it in place. When you click outside of the element, your content should show up there.
Our YouTube Video element allows you to share videos from, er, what's that place called? Oh yeah, YouTube! This element can be found under the Media section of Elements.
This element is one of two ways you can add a YouTube video to your site. The second (and more flexible) way is to use our Embed Code element, which we'll tackle next.
Drag the element to a page and click on it to bring up the toolbox. You need to enter the direct link to the YouTube video in the provided field.
To find the direct link, click the Share button beneath the YouTube video. And copy / paste from there.
Once you add the link, the video should show up on your page in less that a minute. If it does not show up then you are not using the direct link—please double check that you are copying the proper link using the option noted above.
Once the link is in place, you can determine the size of the video player using the Advanced option in the YouTube element's toolbox.
If you feel at all limited by this element, you're also welcome to embed videos from YouTube using our Embed Code element. How so?
Embed videos from YouTube, Vimeo, etc.
Our Pro elements are not the only way to add Video and Audio to your site. You can add multimedia content from Vimeo.com, Blip.tv, Ustream.com (and many other providers) using our Embed Code element.
Start by dragging the element to the page.
Then get the embed code for whatever you're looking to add to the site. This can usually be accessed via an embed or share button found on or near the content you're looking to share.
Once you have the embed code, click inside the Embed Code element, then select Edit Custom HTML to paste it in place. When you click outside of the element, your content should show up there.
how do i link to documents, pdf, powerpoint, and more?
You have the option to upload and link to pretty much any kind of document, allowing a visitor to download it to their computer.
Link to a Document (or Other File)
You can link to a file by highlighting the text you want to link or clicking on an image and choosing the link option.
Both image and text links will open a dialog box.
Click on File and select the file you want to link to. You can upload a new file or use one that you've uploaded in the past. If you scroll up in the dialog box you'll see a search field you can use to locate a previously uploaded file by name. Note that this search works only with files you've uploaded using the link setting, and won't be able to search files or media added directly to an element on your site.
You can choose to have your linked file open in a new window, but keep in mind that not all file types can be opened in a browser. If the visitor's browser doesn't have the ability to display the file, it will attempt to download the file instead.
Link to a Document (or Other File)
You can link to a file by highlighting the text you want to link or clicking on an image and choosing the link option.
Both image and text links will open a dialog box.
Click on File and select the file you want to link to. You can upload a new file or use one that you've uploaded in the past. If you scroll up in the dialog box you'll see a search field you can use to locate a previously uploaded file by name. Note that this search works only with files you've uploaded using the link setting, and won't be able to search files or media added directly to an element on your site.
You can choose to have your linked file open in a new window, but keep in mind that not all file types can be opened in a browser. If the visitor's browser doesn't have the ability to display the file, it will attempt to download the file instead.
how do i add a newsletter sign-up form?
Want your website visitors to stay in the know and get all of your latest updates? EnchantedMobileCreation's Newsletter element is a simple, integrated solution - people can opt in right from your site so they'll never miss a beat.
Let's take a look at adding the Newsletter element to your footer.
You'll find the Newsletter in the Build tab near the Contact Form. Click into your footer to open it for editing, and drag the element over.
The Newsletter is a lot like the Contact Form element, so it'll be very familiar if you've used that - the same options are available, but the Newsletter is pre-configured as a sign-up form so you can get it set up quickly.
Want to customize the sign-up form? Check out the Build tab while you're editing the Newsletter element - you can add additional fields and customize them, just like the Contact Form.
Once you have things the way you want them, save and publish your site - that's it!
What if you're already using a service like MailChimp or Constant Contact? Not a problem! Adding one of their forms to your website is a simple matter of getting the appropriate embed code from the provider and pasting it into an Embed Code element.
Let's take a look at adding the Newsletter element to your footer.
You'll find the Newsletter in the Build tab near the Contact Form. Click into your footer to open it for editing, and drag the element over.
The Newsletter is a lot like the Contact Form element, so it'll be very familiar if you've used that - the same options are available, but the Newsletter is pre-configured as a sign-up form so you can get it set up quickly.
Want to customize the sign-up form? Check out the Build tab while you're editing the Newsletter element - you can add additional fields and customize them, just like the Contact Form.
Once you have things the way you want them, save and publish your site - that's it!
What if you're already using a service like MailChimp or Constant Contact? Not a problem! Adding one of their forms to your website is a simple matter of getting the appropriate embed code from the provider and pasting it into an Embed Code element.
how do i add social icons?
Adding links to your social network profiles helps your visitors find you online and attract even more followers. The Social Icons element has 13 social networks you can link to in any combination you want. Find it in the More section of the Build tab and drag it to your page to get started.
There are a few icons enabled by default, but you can turn any of the available icons on or off by clicking on the element and then on Manage Icons.
You’ll see a list of the active and inactive icons - click on any one of them to show or hide it and enter the address to your profile.
Once you’ve selected the icons you want and entered your information, you can change the order they’re displayed in. Click on the element to bring up the settings and then click Reorder. Drag the icons into the order you prefer and click done to save the changes. You can also adjust the alignment and spacing for the element from within the settings.
Note: Don’t forget to put in the links to your profiles - the icons won’t show up on your published site if they don’t have a link entered.
There are a few icons enabled by default, but you can turn any of the available icons on or off by clicking on the element and then on Manage Icons.
You’ll see a list of the active and inactive icons - click on any one of them to show or hide it and enter the address to your profile.
Once you’ve selected the icons you want and entered your information, you can change the order they’re displayed in. Click on the element to bring up the settings and then click Reorder. Drag the icons into the order you prefer and click done to save the changes. You can also adjust the alignment and spacing for the element from within the settings.
Note: Don’t forget to put in the links to your profiles - the icons won’t show up on your published site if they don’t have a link entered.
how to add a twitter feed/badge?
Twitter provides an easy to use widget generator so you can share all your recent tweets with visitors to your site.
Start by going here:
https://twitter.com/settings/widgets
Then select the Create New button in the upper right. If you're not already logged in to Twitter you'll be prompted to log in before you're able to access this Create New button.
Select the User Timeline tab and fill in all the info requested there.
Make sure the username field matches the username of the Twitter account you're currently using. Twitter will allow you to change the username field (for some mysterious and unknown reason) but if you enter a username other than one you're logged into you'll later see an error stating "Unable to save your widget, please check your inputs." An error apparently written by a robot from a 1950s Scifi Film.
You can change the height of the feed (the default of 600 is a little tall) and switch from the Light theme to a Darker one should it better suit your fancy.
When you're done, click the Save Changes or Create Widget button. Twitter will present you with code to copy & paste to your site. Select all of that code and Copy it.
Then go to your site editing section and drag an Embed Code element to the section of your site where you'd like the Widget to appear.
What if you don't see your tweets on your site, but instead see an error or a blank space? Besides sarcastically saying "Thanks Twitter!" to your computer, you should make absolutely sure you copied all of the code that Twitter provided. The feed occasionally won't show up in the Editor, so it's also worth Publishing and checking the live site to check if it shows up there.
Start by going here:
https://twitter.com/settings/widgets
Then select the Create New button in the upper right. If you're not already logged in to Twitter you'll be prompted to log in before you're able to access this Create New button.
Select the User Timeline tab and fill in all the info requested there.
Make sure the username field matches the username of the Twitter account you're currently using. Twitter will allow you to change the username field (for some mysterious and unknown reason) but if you enter a username other than one you're logged into you'll later see an error stating "Unable to save your widget, please check your inputs." An error apparently written by a robot from a 1950s Scifi Film.
You can change the height of the feed (the default of 600 is a little tall) and switch from the Light theme to a Darker one should it better suit your fancy.
When you're done, click the Save Changes or Create Widget button. Twitter will present you with code to copy & paste to your site. Select all of that code and Copy it.
Then go to your site editing section and drag an Embed Code element to the section of your site where you'd like the Widget to appear.
What if you don't see your tweets on your site, but instead see an error or a blank space? Besides sarcastically saying "Thanks Twitter!" to your computer, you should make absolutely sure you copied all of the code that Twitter provided. The feed occasionally won't show up in the Editor, so it's also worth Publishing and checking the live site to check if it shows up there.
how do i add a facebook like button to my site?
Adding a Facebook Like Button to your site is a great way to make it easy for visitors to either share your site with their friends or to follow your Facebook business / fan page.
Get started by going here:
http://developers.facebook.com/docs/reference/plugins/like
There's a form on this page that you'll use to setup your like button.
First you'll enter the address that you want people to like. If you have a Facebook Page and want visitors to like that page as opposed to just liking your website, enter the address of the Facebook page.
Adjust the width of the button if you wish, but 200 pixels is usually a good choice.
Choose the style of the button that will display on your website. You can get a preview of how each one will look if you select it in the list.
Next, decide how the button will function. In this case, that would be "like". You can opt to also include the share button or leave it out.
When you're done, click Get Code. Here you'll find two separate snippets of code that need to be placed in two different areas of your site.
The first snippet needs to be placed in the Header of your site. This may sound somewhat complicated, but it's simple to do. Start by copying this first set of code from Facebook.
Then go to the Settings tab in Weebly and click on SEO. Paste this code into the Footer Code field, as shown below. Don't forget to click Save when you're done!
You can now add the code for the Like button itself wherever you want it to appear on your site. Start by going back to Facebook and copying the second code snippet.
Now to add the button to your site, choose a page (or
pages) where you'd like to add a like button and then drag an Embed Code element to that page (or those pages).
Click Edit Custom HTML and paste this code into the element.
Once you click out of the element and Publish your website, the Like Button will be visible to all of your visitors.
Get started by going here:
http://developers.facebook.com/docs/reference/plugins/like
There's a form on this page that you'll use to setup your like button.
First you'll enter the address that you want people to like. If you have a Facebook Page and want visitors to like that page as opposed to just liking your website, enter the address of the Facebook page.
Adjust the width of the button if you wish, but 200 pixels is usually a good choice.
Choose the style of the button that will display on your website. You can get a preview of how each one will look if you select it in the list.
Next, decide how the button will function. In this case, that would be "like". You can opt to also include the share button or leave it out.
When you're done, click Get Code. Here you'll find two separate snippets of code that need to be placed in two different areas of your site.
The first snippet needs to be placed in the Header of your site. This may sound somewhat complicated, but it's simple to do. Start by copying this first set of code from Facebook.
Then go to the Settings tab in Weebly and click on SEO. Paste this code into the Footer Code field, as shown below. Don't forget to click Save when you're done!
You can now add the code for the Like button itself wherever you want it to appear on your site. Start by going back to Facebook and copying the second code snippet.
Now to add the button to your site, choose a page (or
pages) where you'd like to add a like button and then drag an Embed Code element to that page (or those pages).
Click Edit Custom HTML and paste this code into the element.
Once you click out of the element and Publish your website, the Like Button will be visible to all of your visitors.
how do i add a search field to my site?
The Search Box can be dragged to multiple pages just like any of the other elements.
A visitor can search your entire site simply by entering a word or phrase in any of the search boxes you've added.
The results are immediately displayed on a search results page that distinguishes between regular pages, blog pages, and blog comments. The layout of the results page cannot be directly edited, but it uses your global font settings (found under Design > Design Options) to determine how the text should look.
If there are no results found for the visitor's search request, then they'll see a simple message indicating that this is the case.
The Search bar uses the text content found in paragraph, title, and eCommerce elements; in page names, descriptions, and keywords; and in picture captions / alt tags to determine which results should be displayed.
If you want to exempt a page from the search results (so that it won't show if someone searches for it), choose that page from the list found under the Pages tab, click the Advanced Settings link, then check the provided "Hide This Page from Search Engines" box.
A visitor can search your entire site simply by entering a word or phrase in any of the search boxes you've added.
The results are immediately displayed on a search results page that distinguishes between regular pages, blog pages, and blog comments. The layout of the results page cannot be directly edited, but it uses your global font settings (found under Design > Design Options) to determine how the text should look.
If there are no results found for the visitor's search request, then they'll see a simple message indicating that this is the case.
The Search bar uses the text content found in paragraph, title, and eCommerce elements; in page names, descriptions, and keywords; and in picture captions / alt tags to determine which results should be displayed.
If you want to exempt a page from the search results (so that it won't show if someone searches for it), choose that page from the list found under the Pages tab, click the Advanced Settings link, then check the provided "Hide This Page from Search Engines" box.
how to create widgets, embed code & add external content?
You can add a variety of external content to your website using the Embed Code element. First, drag the element to your page wherever you want the embedded content to appear.
Next you'll need to get the code for the item you want to add.
Once you have copied the embed code, click inside the Embed Code element and select Edit Custom HTML. Then simply paste the code in place.
When you click outside of the element, your content should show up on the page, though there are some types of code that will not display anything in the editor. In either case, you'll want to publish your site to make it available to visitors.
Next you'll need to get the code for the item you want to add.
Once you have copied the embed code, click inside the Embed Code element and select Edit Custom HTML. Then simply paste the code in place.
When you click outside of the element, your content should show up on the page, though there are some types of code that will not display anything in the editor. In either case, you'll want to publish your site to make it available to visitors.
how to add a contact form or poll to my site?
Our Contact Form element is a great way to allow your visitors to get in touch with you without giving out your email address. All the entries submitted through the form will go directly to the email of your choice, but you can also access and manage them from your site dashboard.
The Contact Form element contains some basic fields by default, but you can add, delete and customize the form fields to create any kind of form you like.
Drag the Contact Form element to your page, then click on the element to edit.
While editing a form, the Build tab will display form field elements that you can add to your form, as well as some basic elements, like text and images. The default form fields can be deleted like any other element, allowing you to create a customized contact form that fits your needs.
Once you've finished building your form, click on the Form Options button to enter delivery addresses, enable Google Captcha for spam protection, and configure the button text and submission confirmation method. You can also enable an opt-in checkbox and optionally make this a required field.
You can enter multiple email addresses separated by commas if you want the form submissions to be sent to more than one person. You can also view any entries right from the form editor via the aptly named "View Entries" button. When you're all done, just click the Save button to return to the main editor.
Creating a Survey or RSVP form is just as easy - simply scroll down to the More section of the Build tab and drag over the Survey or RSVP Form element. These elements are variations on the Contact Form element and have all of the same options. They'll also be pre-populated with some form fields to give you an idea of what you can do with them, but you can delete the default fields and add whatever you prefer.
The Contact Form element contains some basic fields by default, but you can add, delete and customize the form fields to create any kind of form you like.
Drag the Contact Form element to your page, then click on the element to edit.
While editing a form, the Build tab will display form field elements that you can add to your form, as well as some basic elements, like text and images. The default form fields can be deleted like any other element, allowing you to create a customized contact form that fits your needs.
Once you've finished building your form, click on the Form Options button to enter delivery addresses, enable Google Captcha for spam protection, and configure the button text and submission confirmation method. You can also enable an opt-in checkbox and optionally make this a required field.
You can enter multiple email addresses separated by commas if you want the form submissions to be sent to more than one person. You can also view any entries right from the form editor via the aptly named "View Entries" button. When you're all done, just click the Save button to return to the main editor.
Creating a Survey or RSVP form is just as easy - simply scroll down to the More section of the Build tab and drag over the Survey or RSVP Form element. These elements are variations on the Contact Form element and have all of the same options. They'll also be pre-populated with some form fields to give you an idea of what you can do with them, but you can delete the default fields and add whatever you prefer.
how do i add a map to my site?
If your business or organization has offices that site visitors can visit, it's helpful to include a map to that location on your site. And we have a built-in Google Maps element that helps you do just that.
Start by dragging the Maps element to a page on your site. It's under the Basic category of elements.
The map displays a small part of central San Francisco by default. Click on your map to open up the toolbox. You can make a number of changes from here.
The most important thing to change (unless you happen to be sitting exactly at the corner of Van Ness Avenue and Market Street in San Francisco) is the address. Enter your own address as Street Address, City, Country, and this will update the map to the address you've entered.
And you can adjust several aspects of your map, including zoom level, width and height and position. If you'd rather enter a Lat/Long instead of an address, you can do so under Advanced Location.
You can add some helpful text (like directions or hours of operation) next to the map by dragging an element on right next to it. (You'll see by the blue bar exactly where your element will be placed.)
Embed Code from Google Maps
If you feel at all limited by our built-in Maps element, you're also more than welcome to embed a map directly from maps.google.com (or a similar mapping tool).
Create the map in Google, click the Menu option next to the address, and choose the "Share and embed" map option.
Select the "Embed map" tab and copy the code they provide there.
Then paste this code to your site using our Embed Code element. Your map will show up as soon as you click out of the element.
Start by dragging the Maps element to a page on your site. It's under the Basic category of elements.
The map displays a small part of central San Francisco by default. Click on your map to open up the toolbox. You can make a number of changes from here.
The most important thing to change (unless you happen to be sitting exactly at the corner of Van Ness Avenue and Market Street in San Francisco) is the address. Enter your own address as Street Address, City, Country, and this will update the map to the address you've entered.
And you can adjust several aspects of your map, including zoom level, width and height and position. If you'd rather enter a Lat/Long instead of an address, you can do so under Advanced Location.
You can add some helpful text (like directions or hours of operation) next to the map by dragging an element on right next to it. (You'll see by the blue bar exactly where your element will be placed.)
Embed Code from Google Maps
If you feel at all limited by our built-in Maps element, you're also more than welcome to embed a map directly from maps.google.com (or a similar mapping tool).
Create the map in Google, click the Menu option next to the address, and choose the "Share and embed" map option.
Select the "Embed map" tab and copy the code they provide there.
Then paste this code to your site using our Embed Code element. Your map will show up as soon as you click out of the element.
how do i add a calendar to my site?
Google Calendar is an easy, robust and free way to add a calendar of events to your site. You manage your events directly through Google's interface and the details are automatically displayed via the embedded calendar on your website.
If you don’t already have a Google account, you’ll need to sign up first.
Once you’ve created a calendar and added some events to it, you can embed it on your website. To get started, visit your calendar page and locate the calendar you want to embed on the left-hand side. Click the icon to the right of the calendar name and select Settings and Sharing.
You’ll need to make sure that your calendar is available to the public if you want everyone to be able to view events. Click Access Permissions on the left, check the Make Available to Public box, and select See All Event Details from the menu.
Next, you’ll get the code to use on your website. Click on Integrate Calendar. You can use the code as-is by copying the text in the Embed code field, or click the customize button to change the color and choose what information to display.
There are a number of options here that will modify the way the calendar looks on your website. You can also choose to display any other calendars you may have added by selecting them in the list below. Turn the options on or off to see a preview, and click Update HTML when you’re satisfied with the appearance. Copy the code in the box above and head back to your site editor.
Drag the Embed Code element wherever you want the calendar to appear on your page, click Edit Custom HTML and paste in the code you got in the last step. When you’re ready, publish your website to allow visitors to see your calendar.
If you don’t already have a Google account, you’ll need to sign up first.
Once you’ve created a calendar and added some events to it, you can embed it on your website. To get started, visit your calendar page and locate the calendar you want to embed on the left-hand side. Click the icon to the right of the calendar name and select Settings and Sharing.
You’ll need to make sure that your calendar is available to the public if you want everyone to be able to view events. Click Access Permissions on the left, check the Make Available to Public box, and select See All Event Details from the menu.
Next, you’ll get the code to use on your website. Click on Integrate Calendar. You can use the code as-is by copying the text in the Embed code field, or click the customize button to change the color and choose what information to display.
There are a number of options here that will modify the way the calendar looks on your website. You can also choose to display any other calendars you may have added by selecting them in the list below. Turn the options on or off to see a preview, and click Update HTML when you’re satisfied with the appearance. Copy the code in the box above and head back to your site editor.
Drag the Embed Code element wherever you want the calendar to appear on your page, click Edit Custom HTML and paste in the code you got in the last step. When you’re ready, publish your website to allow visitors to see your calendar.
why am i not receiving my contact form submissions
When a contact form is submitted, the information entered in that form is emailed to the address assigned to the form. But what should you do if you're not receiving the form emails?
First, check your Spam or Junk Mail folders in case the messages are being routed there. If you see the messages in your spam folder, mark them as "Not Spam" using whatever option your email provider gives you. This will help prevent form entries from landing in the spam folder again.
If you don't see them there, make sure you have the correct address assigned to your form. To do so, click on your form element, then the Form Options button.
Check the address shown on the "Email to" field to make sure its entered correctly. If not, correct the text, save and republish your site.
You can also have the form sent to multiple addresses by separating each address with a comma. This is helpful to see if the email is delivered to one address and not the other.
Delivering form emails can be tricky and there are some situations where the emails may be completely blocked. If you cannot find the messages in your Inbox or your Spam folders and you believe the messages really aren't coming through, the best bet is to switch to another address completely (preferably at a provider like Gmail, Yahoo or Hotmail).
We also give you the option to view and manage form messages directly in your account from your Site Dashboard. You'll see a box there that displays any messages sent to your forms, and you can click on the form for details and to manage the messages.
This will bring up all the messages that have been sent to you through any of the forms on this site. You can even export all these messages to a spreadsheet using the Export All link.
First, check your Spam or Junk Mail folders in case the messages are being routed there. If you see the messages in your spam folder, mark them as "Not Spam" using whatever option your email provider gives you. This will help prevent form entries from landing in the spam folder again.
If you don't see them there, make sure you have the correct address assigned to your form. To do so, click on your form element, then the Form Options button.
Check the address shown on the "Email to" field to make sure its entered correctly. If not, correct the text, save and republish your site.
You can also have the form sent to multiple addresses by separating each address with a comma. This is helpful to see if the email is delivered to one address and not the other.
Delivering form emails can be tricky and there are some situations where the emails may be completely blocked. If you cannot find the messages in your Inbox or your Spam folders and you believe the messages really aren't coming through, the best bet is to switch to another address completely (preferably at a provider like Gmail, Yahoo or Hotmail).
We also give you the option to view and manage form messages directly in your account from your Site Dashboard. You'll see a box there that displays any messages sent to your forms, and you can click on the form for details and to manage the messages.
This will bring up all the messages that have been sent to you through any of the forms on this site. You can even export all these messages to a spreadsheet using the Export All link.
how do i manage memberships on my site?
Membership: User Registration
There are a couple of different ways people can become a member of your site:
Click Members on the Settings tab and check the box to allow people to register on your site. You can opt to approve all sign ups manually if you wish, as well as assign new users to a default group.
If you don’t already have a group created, you’ll need to do that first.
Another thing you can do is give the default member group access to specific pages.
Don’t forget to publish your site once you have everything set up the way you want - that will add the registration link to your website navigation so visitors can start signing up!
Membership: Inviting New Members
There are two ways someone can become a member of your site:
You can invite new members using the Add Member button found under Settings > Members.
Enter an Email Address and their Name. Then choose if you'd like to send an email invite that'll allow them to sign-up. If you don't send them an email invite, you'll need to provide them with the invite link.
Choose which pages on your site they can have access to or add them to a group if you want, then click add member when you're done.
If you didn't send your new member an email invite (or they didn't receive it), you can find the Invite Link next to their name in your Members List.
Membership: Creating Groups
Create groups by going to Settings > Members and using the Add Group button. Give your group a name. Something like All Members or Attendees or Probably a Robot or Elves (those last two are only useful if your site is often visited by robots or elves).
If you already have members, you can add them to your group through the Select Members option.
Use the checkboxes to choose individual members or use the Add All Members button to do just that: add all current members of your site to the group.
At any point in this process you can click Add Group to add it to your list of Groups.
You can then edit this group later (possibly to add more members, for one example) by clicking on its name from this same list of Groups.
Membership: Limiting Page Visibility to Members
Every page on your site has a Visibility setting that defaults to "Public". This default setting, of course, means that any visitor to your site can see the page.
You can change each page's visibility so that it is password protected, or so that only certain members or groups can see that page.
You can view and change this setting by selecting the Pages tab, selecting your page in the Pages sidebar, and clicking Visibility.
Changing this setting allows you to limit access to any page so that only registered members (or even just certain registered members) can see it.
Site Password
If you'd just like to password protect this page, select Site Password. Then, go to your Settings tab and scroll down to Site Password, enter the password you'd like to use and click Save. When you next publish your site, your changes will be live.
Select Members
If you set a page to only be accessible to specific Members or Groups, then you'll need to choose which Members / Groups will be able to view the page.
The Select Members button will display your entire list of members so you can select specific individuals who will be allowed access to the page. This is really only useful if you have a small number of members.
Select Groups
The Select Groups button gives you more control over larger numbers of people by enabling you to provide access to a group (or groups) of members you've previously created.
Once you've limited visibility in this way (and republished your site), only the members or groups you've selected will be able to access the page.
There are a couple of different ways people can become a member of your site:
- You can add a person as a member by entering their information manually
- You can add multiple people at once by uploading a CSV containing their info
- You can allow anyone to become a member by signing up on your website.
Click Members on the Settings tab and check the box to allow people to register on your site. You can opt to approve all sign ups manually if you wish, as well as assign new users to a default group.
If you don’t already have a group created, you’ll need to do that first.
Another thing you can do is give the default member group access to specific pages.
Don’t forget to publish your site once you have everything set up the way you want - that will add the registration link to your website navigation so visitors can start signing up!
Membership: Inviting New Members
There are two ways someone can become a member of your site:
- By signing up through a registration link on your site.
- By you manually inviting them to become a member.
You can invite new members using the Add Member button found under Settings > Members.
Enter an Email Address and their Name. Then choose if you'd like to send an email invite that'll allow them to sign-up. If you don't send them an email invite, you'll need to provide them with the invite link.
Choose which pages on your site they can have access to or add them to a group if you want, then click add member when you're done.
If you didn't send your new member an email invite (or they didn't receive it), you can find the Invite Link next to their name in your Members List.
Membership: Creating Groups
Create groups by going to Settings > Members and using the Add Group button. Give your group a name. Something like All Members or Attendees or Probably a Robot or Elves (those last two are only useful if your site is often visited by robots or elves).
If you already have members, you can add them to your group through the Select Members option.
Use the checkboxes to choose individual members or use the Add All Members button to do just that: add all current members of your site to the group.
At any point in this process you can click Add Group to add it to your list of Groups.
You can then edit this group later (possibly to add more members, for one example) by clicking on its name from this same list of Groups.
Membership: Limiting Page Visibility to Members
Every page on your site has a Visibility setting that defaults to "Public". This default setting, of course, means that any visitor to your site can see the page.
You can change each page's visibility so that it is password protected, or so that only certain members or groups can see that page.
You can view and change this setting by selecting the Pages tab, selecting your page in the Pages sidebar, and clicking Visibility.
Changing this setting allows you to limit access to any page so that only registered members (or even just certain registered members) can see it.
Site Password
If you'd just like to password protect this page, select Site Password. Then, go to your Settings tab and scroll down to Site Password, enter the password you'd like to use and click Save. When you next publish your site, your changes will be live.
Select Members
If you set a page to only be accessible to specific Members or Groups, then you'll need to choose which Members / Groups will be able to view the page.
The Select Members button will display your entire list of members so you can select specific individuals who will be allowed access to the page. This is really only useful if you have a small number of members.
Select Groups
The Select Groups button gives you more control over larger numbers of people by enabling you to provide access to a group (or groups) of members you've previously created.
Once you've limited visibility in this way (and republished your site), only the members or groups you've selected will be able to access the page.
how do i add a color gradient background?
Adding a gradient background is an easy way to make your content stand out. Just like solid color backgrounds, gradients can be added to individual sections on a page or to a single section to fill the whole background area
Click on the section you want to add a gradient to, and click Edit Background. Select Gradient, and then click on Change Gradient to add your colors and adjust the settings.
You can change the color by dragging the slider across the spectrum bar at the top and then fine tune the lightness and saturation of the color by dragging the circle around the color swatch field below. You can also enter a hex code if you know exactly what color you want. Once you've chosen a color, drag the angle and start position sliders to adjust the angle and intensity of the gradient.
When you're done, click the arrow on your first color to go back and pick a second color using the same process. You can change the start position for the second color individually, but the angle setting applies to the entire gradient.
Click on the section you want to add a gradient to, and click Edit Background. Select Gradient, and then click on Change Gradient to add your colors and adjust the settings.
You can change the color by dragging the slider across the spectrum bar at the top and then fine tune the lightness and saturation of the color by dragging the circle around the color swatch field below. You can also enter a hex code if you know exactly what color you want. Once you've chosen a color, drag the angle and start position sliders to adjust the angle and intensity of the gradient.
When you're done, click the arrow on your first color to go back and pick a second color using the same process. You can change the start position for the second color individually, but the angle setting applies to the entire gradient.
how do i add sections to my page?
The Section element gives you the ability to create engaging pages that will delight your visitors. You can drag other elements into sections, customize the background, and change the height and position on the page.
Drag the Section element from the Build tab onto your page. The section will fill the full width of the page where you place it, so choose a spot above or below other elements on the page. If you’re using a Splash page type, you won’t be able to add a section as this style of page is designed to display a limited amount of content with a single background image.
Next, you’ll want to add content to your section. We’ve put together some pre-made, customizable layouts to help you quickly start building great-looking sections.
Click on any one of the layout styles to see a preview of how it will appear on your page. If you like what you see, go ahead and save. You can then rearrange, add or remove any of the elements in the layout and customize them with your own content.
Don’t see anything you like in the section layouts? No problem - you can add elements manually, too! Just click outside of the layout panel to cancel and start dragging in the elements you want.
Each section on a page can have its own unique background color or image, and if you’re a Pro subscriber you can even add a video background. Click on the section and then on Edit Background.
For image and video backgrounds, you can upload your own or choose one from our built-in galleries. Background colors can be selected using the Hue slider or by entering the specific hex code for the color you want.
Drag the Section element from the Build tab onto your page. The section will fill the full width of the page where you place it, so choose a spot above or below other elements on the page. If you’re using a Splash page type, you won’t be able to add a section as this style of page is designed to display a limited amount of content with a single background image.
Next, you’ll want to add content to your section. We’ve put together some pre-made, customizable layouts to help you quickly start building great-looking sections.
Click on any one of the layout styles to see a preview of how it will appear on your page. If you like what you see, go ahead and save. You can then rearrange, add or remove any of the elements in the layout and customize them with your own content.
Don’t see anything you like in the section layouts? No problem - you can add elements manually, too! Just click outside of the layout panel to cancel and start dragging in the elements you want.
Each section on a page can have its own unique background color or image, and if you’re a Pro subscriber you can even add a video background. Click on the section and then on Edit Background.
For image and video backgrounds, you can upload your own or choose one from our built-in galleries. Background colors can be selected using the Hue slider or by entering the specific hex code for the color you want.
how do i create a flexible page header?
Flexible Headers give you incredible creative control over the look of your pages. You can add and remove elements, customize the background, and adjust the height of the header area.
Headers are built into each new page you add by default, but you can change the header type for any page from the Pages tab. Keep in mind that Splash pages don’t support headers as this style is meant to display a limited amount of content with a single background image. The No Header page type, as the name implies, also doesn’t include a header.
The header will have a few default elements in place when you add a new page, but you can pick a different layout by clicking on the Header Section and then on Replace Header Layout. You can preview and choose from several customizable layouts, or you can just delete the default elements and manually drag in whatever you prefer.
You can customize the background for your header with an image or solid color, and you can also add a video background. Click on the header and then on Edit Background to add a new background or modify the existing one.
Want to save your header to other pages? Click on Edit Background, then Advanced - you can then choose which pages you want to save the image to.
Headers are built into each new page you add by default, but you can change the header type for any page from the Pages tab. Keep in mind that Splash pages don’t support headers as this style is meant to display a limited amount of content with a single background image. The No Header page type, as the name implies, also doesn’t include a header.
The header will have a few default elements in place when you add a new page, but you can pick a different layout by clicking on the Header Section and then on Replace Header Layout. You can preview and choose from several customizable layouts, or you can just delete the default elements and manually drag in whatever you prefer.
You can customize the background for your header with an image or solid color, and you can also add a video background. Click on the header and then on Edit Background to add a new background or modify the existing one.
Want to save your header to other pages? Click on Edit Background, then Advanced - you can then choose which pages you want to save the image to.
how do i customize my background?
Customizing the backgrounds on your pages is a simple way to add personal flair and make your site stand out. You can add a different background to each section and header on your site, so your creative options are practically unlimited.
Backgrounds fill the entire width of the page and can be an image, a video, or a solid color. You can use your own files or choose from our galleries of optimized, high-quality media. Image and video backgrounds can be further customized with scrolling effects.
We’ll look at how to use each type of background and provide some tips to help you make the most of your images and videos.
A video background will add dynamic visual appeal and make your site more engaging for visitors. We’ve provided a gallery of videos that are optimized and ready to use on your site, but you can use your own as well.
If you’re uploading your own video, be sure that it’s less than 1 GB in size and one of the following formats: MOV, MP4, M4V, WMV. You’ll want to use a good quality video that’s large enough to fill the width of your page without distortion or pixelation. Most smartphones are capable of recording videos that will work well as backgrounds, so you may already have what you need to create a great-looking video.
Click on the section you want to add a video to, and then on Edit Background. Click on Video and then Add Video. To use a video from the gallery, simply click it to set it as your background instantly. To upload your own, click Upload Video and then choose the file to upload. Your video may take some time to finish uploading and display on the page, but you can go ahead and work on other things in the editor while you wait.
Click on Edit Background again to use a different video, see a preview of how it will play, or toggle the Loop setting on or off. Scroll down to toggle the Reveal scroll effect on and off and set the vertical alignment for content in the Advanced menu.
To use an image background, click Edit Background for the section you’re working with. Select Image, and click add image. You can choose one from our gallery by clicking on the image thumbnail and then on the select button. The images in the gallery can be filtered by theme using the menu at the upper right.
To add your own image, click Upload Image and choose the file you want from your computer.
Click on the section and then on Edit Background to bring up the settings. Here you can edit or replace the current image and choose a scrolling effect for the background.
Like videos, images will also look the best when they’re high-quality and large enough to fit comfortably across the width of your page. Again, most phones have a good built-in camera capable of taking photos that will look great on your site. Wondering exactly what size the image needs to be? There really aren’t specific dimensions for a background image, but a good rule of thumb is to choose an image roughly 2,000 pixels wide and at least 1,000 pixels high - that’s large enough to ensure your background will look good on all screen sizes and devices.
A solid colored background is a great solution if you want to make a bold statement or showcase special content on your page. Click the section you want to add a color to and then click Edit Background, then select Color.
Click the Change Color button to open the Color Picker. Drag the circle in the spectrum bar to the color you want, and then drag the circle in the color gradient field below to fine tune the lightness and saturation of the color. If you already know what color you want to use, you can simply type the hex code in the field below.
What if the font colors you’ve chosen don’t stand out well against your new background color? You can select the text and change the color using the A button on the text editing tool bar. You can pick one of the preset color swatches or click the arrow below to open the color picker and customize it.
Backgrounds fill the entire width of the page and can be an image, a video, or a solid color. You can use your own files or choose from our galleries of optimized, high-quality media. Image and video backgrounds can be further customized with scrolling effects.
We’ll look at how to use each type of background and provide some tips to help you make the most of your images and videos.
A video background will add dynamic visual appeal and make your site more engaging for visitors. We’ve provided a gallery of videos that are optimized and ready to use on your site, but you can use your own as well.
If you’re uploading your own video, be sure that it’s less than 1 GB in size and one of the following formats: MOV, MP4, M4V, WMV. You’ll want to use a good quality video that’s large enough to fill the width of your page without distortion or pixelation. Most smartphones are capable of recording videos that will work well as backgrounds, so you may already have what you need to create a great-looking video.
Click on the section you want to add a video to, and then on Edit Background. Click on Video and then Add Video. To use a video from the gallery, simply click it to set it as your background instantly. To upload your own, click Upload Video and then choose the file to upload. Your video may take some time to finish uploading and display on the page, but you can go ahead and work on other things in the editor while you wait.
Click on Edit Background again to use a different video, see a preview of how it will play, or toggle the Loop setting on or off. Scroll down to toggle the Reveal scroll effect on and off and set the vertical alignment for content in the Advanced menu.
To use an image background, click Edit Background for the section you’re working with. Select Image, and click add image. You can choose one from our gallery by clicking on the image thumbnail and then on the select button. The images in the gallery can be filtered by theme using the menu at the upper right.
To add your own image, click Upload Image and choose the file you want from your computer.
Click on the section and then on Edit Background to bring up the settings. Here you can edit or replace the current image and choose a scrolling effect for the background.
Like videos, images will also look the best when they’re high-quality and large enough to fit comfortably across the width of your page. Again, most phones have a good built-in camera capable of taking photos that will look great on your site. Wondering exactly what size the image needs to be? There really aren’t specific dimensions for a background image, but a good rule of thumb is to choose an image roughly 2,000 pixels wide and at least 1,000 pixels high - that’s large enough to ensure your background will look good on all screen sizes and devices.
A solid colored background is a great solution if you want to make a bold statement or showcase special content on your page. Click the section you want to add a color to and then click Edit Background, then select Color.
Click the Change Color button to open the Color Picker. Drag the circle in the spectrum bar to the color you want, and then drag the circle in the color gradient field below to fine tune the lightness and saturation of the color. If you already know what color you want to use, you can simply type the hex code in the field below.
What if the font colors you’ve chosen don’t stand out well against your new background color? You can select the text and change the color using the A button on the text editing tool bar. You can pick one of the preset color swatches or click the arrow below to open the color picker and customize it.
how do i create a non-clickable link in my menu?
Did you ever want to organize your subpages under a navigational menu heading that isn’t a clickable link? You can do this easily with our Nonclickable Menu option for pages! Check out the image below, where Portfolio is a non-clickable menu item that simply displays the related subpages.
To create a new Navigational Menu item, go to the Pages tab, click the + icon to add a page and select Nonclickable Menu. Give the new menu item a name, and then go back to the main Pages tab so you can arrange your subpages.
Once you’re done, publish your site and check it out in your navigation menu - that’s all there is to it!
To create a new Navigational Menu item, go to the Pages tab, click the + icon to add a page and select Nonclickable Menu. Give the new menu item a name, and then go back to the main Pages tab so you can arrange your subpages.
Once you’re done, publish your site and check it out in your navigation menu - that’s all there is to it!
how d0 i hide, restrict access & un-publish my site?
The default visibility for your website is public, meaning people can search for and view all pages and content on the site. You can limit access to your entire website or specific pages in a few different ways.
Password Protect
Under the Settings tab > General > Site Password, you can enter the password you'd like to use to protect your pages, then click Save.
Entering a site password here will automatically lock all the pages on your site. If you only want to password protect certain pages, you can go to the Pages tab and selectively enable or disable the password protection using the visibility menu.
Hide from Search Engines
If you'd like to hide your site from search engines like Google, Bing and Yahoo, you can do so under the Settings tab > SEO, then scroll down below the Header field and select Hide site from search engines. Click Save and Publish your site.
If you want to hide individual pages from search, click the Pages tab, select the page you want to hide, then SEO Settings, and check the box Hide this page from search engines.
Hide from Your Site's Navigation
If you want a page to be public, but not appear in your navigation menu, click the Pages tab, the individual page, then check the Hide in Navigation box.
Un-publish
If you'd like to completely un-publish your site, so no one can access it,
Under Settings, then General, at the bottom of the page we show you the last time you published, as well as giving you the option to Un-Publish your site. When you decide you’re ready for people to view your site again, just click Publish. It’s that simple.
Password Protect
Under the Settings tab > General > Site Password, you can enter the password you'd like to use to protect your pages, then click Save.
Entering a site password here will automatically lock all the pages on your site. If you only want to password protect certain pages, you can go to the Pages tab and selectively enable or disable the password protection using the visibility menu.
Hide from Search Engines
If you'd like to hide your site from search engines like Google, Bing and Yahoo, you can do so under the Settings tab > SEO, then scroll down below the Header field and select Hide site from search engines. Click Save and Publish your site.
If you want to hide individual pages from search, click the Pages tab, select the page you want to hide, then SEO Settings, and check the box Hide this page from search engines.
Hide from Your Site's Navigation
If you want a page to be public, but not appear in your navigation menu, click the Pages tab, the individual page, then check the Hide in Navigation box.
Un-publish
If you'd like to completely un-publish your site, so no one can access it,
Under Settings, then General, at the bottom of the page we show you the last time you published, as well as giving you the option to Un-Publish your site. When you decide you’re ready for people to view your site again, just click Publish. It’s that simple.
how do i add a favicon to my site?
Have you ever noticed a small image on your browser's tab while visiting a site? This is called a favicon, and adding one to your site is a simple way to make your logo even more memorable for visitors and make your link stand out in a list of bookmarks.
You'll find the option to upload a favicon for your site under the General section of Settings.
Click upload to search your computer for a favicon image you'd like to use, keeping in mind the following:
If the upload is a success, you'll see the favicon on your Settings page.
You'll need to publish to make the favicon live on your site, though there's a good chance that it won't show up in your own browser right away upon publish. This is because favicons are cached very strongly by browsers, and publishing your site doesn't update that cache immediately.
The good news is that first-time visitors to your site will be able to see your favicon, as will anyone visiting in a browser they haven't used on a previous visit.
Still not seeing the new favicon on your end? Try viewing your site with something other than your usual browser - you'll likely be able to see it then, though it may still take some time for the cache to update in your browser of choice.
You'll find the option to upload a favicon for your site under the General section of Settings.
Click upload to search your computer for a favicon image you'd like to use, keeping in mind the following:
- The image must be square. A rectangular image of any kind will fail on upload.
- The image must be saved as a .jpg, .png, or .ico file.
- 64 pixels by 64 pixels is the ideal size for the image, though it's also okay to have one that's larger or smaller (no smaller than 16x16 and no larger than 100x100 are good rules of thumb and will ensure your favicon looks great).
If the upload is a success, you'll see the favicon on your Settings page.
You'll need to publish to make the favicon live on your site, though there's a good chance that it won't show up in your own browser right away upon publish. This is because favicons are cached very strongly by browsers, and publishing your site doesn't update that cache immediately.
The good news is that first-time visitors to your site will be able to see your favicon, as will anyone visiting in a browser they haven't used on a previous visit.
Still not seeing the new favicon on your end? Try viewing your site with something other than your usual browser - you'll likely be able to see it then, though it may still take some time for the cache to update in your browser of choice.