Wix Help Center

    Creating a Site From a Pre-Designed Template

    Tutorial

    Our Wix designers have created and designed hundreds of beautiful templates for you. All you need to do is edit a template to make it your own!

    Click to find out how to create a site from one of our pre-designed templates. 

    Choosing and Editing Template

    Choosing a Template

    First you will need to choose a template from the Templates section of the Wix website.

    To choose a template:

    1. Go to Wix.com.
    2. From the top menu, click Templates.

    On the left side of the Templates page, you will see the categories that we have set up for you. This will help you find a template that most closely matches your needs

    3. From the left side of the Templates page, click a Category and browse through our templates.
    4. Once you find a design that you like, click Edit to open the template in your Editor.

    Your template opens in the Wix Editor. Now you can customize its content!

    You may choose to View a template or to Edit the template. View opens up the template on a web page and allows you to explore it further. Edit opens up the template in your Editor and gives you full control and access to change it, add to it, or delete items.

    Editing a Template

    Once you have chosen a template and opened it up in your Editor, you can begin to transform it and add your own content into it. You can delete, edit or add any content that you wish to the template. The template is simply a starting point and you can manipulate its contents in any way that you see fit.

    Editing, Adding and Deleting Text

    Editing Text

    You can edit any of the text on your site by double-clicking on it.

    To edit text:

    1. Double-click the text box.
    2. Type or edit your text into the text box and format your text from the text editor bar.

    3. Click outside of the text box to close the text editor bar.

    Adding Text

    You can add new text to your site by clicking on the plus sign in your Editor and choosing one of the text box options.

    To add text:

    1. From the left side of the Editor, click the plus sign to open Add.
    2. From Add, click Text.
    3. Click Title or Paragraph. A text box appears.

    4. From the Text Settings window, click Edit Text or double-click the text box.
    5. Type your text into the text box and format your text from the text editor bar.
    6. Click outside of the text box to close the text editor bar.

    Deleting Text

    If you would like to completely remove a title or paragraph, you can simply delete the entire text box!

    To delete text in a template:

    1. Click on the title or paragraph to select it.
    2. Press Delete on your keyboard.
    3. Click Delete in the confirmation box.

    Replacing an Individual Image and an Image in a Gallery

    Replacing an Individual Image

    You can easily replace the images in your template.

    To replace an image:

    1. Click an image.
    2. From Image Settings, click Change Image.

    3. From the Image Gallery, click an image or upload an image and then click OK.

    For more information on adding and uploading images, click here.

    Replacing an Image in a Gallery

    Replace images in your gallery from Gallery Settings.

    To change an image in a gallery:

    1. Click the gallery to select it.
    2. From Gallery Settings, click Organize Images.

    3. From the left of the Organize Images window, click an image.
    4. From the right of the Organize Images window, under Image, click Change.
    5. From the Image Gallery, click an image or upload an image. Click Change Image.

    6. From Organize Images, click OK.

    For more information on Galleries, click here.

    Organizing Pages

    On the left side of your Editor, you will see an icon that looks like a page. Clicking on this icon opens a list of all of your site pages and allows you to add more pages. From Pages you can also reorder your pages and navigate through them. In the settings window of each page, you can name, hide, duplicate, delete and set the SEO settings of your site pages.

    Managing Pages

    Manage your site pages from Pages.

    To manage your pages:

    1. From the left side of the Editor, click the page icon to open Pages.
    2. Next to your page, click the settings icon.

    3. From the Page Settings window, type a name, hide, customize the SEO, duplicate or delete your page.
    4. Click Done.

    For more information about Pages, click here.

    Navigating Through Pages

    To navigate through your site pages, simply click on the page icon on the left of the Editor to open Pages. Click on a page title in the list to navigate between your pages.

    You can also navigate easily by choosing a page from the drop down menu next to Page: at the top left of your Editor.

    Adding Pages

    Add more pages to your site from Pages.

    To add pages:

    1. From the left side of the Editor, click the Pages icon to open Pages.
    2. From the bottom right of Pages, click Add Page.
    3. From the list that opens, click a Page Layout.

    4. From the bottom of the Page Layout window, type a title for your page in the Page Name field.
    5. Click OK.

    For more information about Pages, click here.

    Replacing Menu Titles

    You can easily replace your template’s menu titles to reflect the names of your new Pages. To do so, you will need to rename the actual pages. Renaming your pages ensures that any other menus that you add will automatically reflect your page titles.

    To replace your menu titles:

    1. From the left side of the Editor, click the Pages icon to open Pages.
    2. Next to your page, click the settings icon.
    3. In the Settings and SEO window, under Page Name, type a name for your page.

    4. Click Done.

    For more information about Pages, click here.
    For more information about Menus, click here.

    Adding Content to Your Site

    Your site is made up of three parts – the body of your page, your header and your footer. Click on our interactive tutorial below for more useful information!

    You can add new elements to your site by clicking the Add icon from the left side of the Editor. There are many different elements to choose from. Once you have clicked on an element in the Add section, it will be added to the page of your site that you are currently on (see Organizing Pages section above). You will then be able to customize the element from its Settings window, and drag and drop it onto your page.

    To add elements to the header and footer of your site, you will first have to set the elements to show on all of your pages. To do so, click on the element to open its Settings and check the box at the bottom next to Show on all pages, then drag and drop the element onto the header or footer.

    To add an element:

    1. From the left side of the Editor, click the plus sign to open Add.
    2. From Add, click a category and then click an element.

    3. From Settings, customize the element.
    4. Click outside of the element to close Settings.

    A new element is added to your site.

    To return to Add, click Back to Add from the top of the element window.
    To close Add, click X from the top right.

    Adding Text

    You can add text to your site by clicking the Add icon in your Editor and choosing one of the Text box options.

    To add text:

    1. From the left side of the Editor, click the plus sign to open Add.
    2. From Add, click Text.

    3. Click Title or Paragraph. A text box appears.
    4. From Text Settings, click Edit Text or double-click the text box.
    5. Type your text into the text box and format your text from the text editor bar.

    6. Click outside of the text box to close the text editor bar.

    For more information about Text, click here.

    Adding a Social Bar

    You can add a Social Bar to your site to connect your visitors to all of your social media.

    To add a Social Bar:

    1. From the left side of the Editor, click the plus sign to open Add.
    2. From Add, click Social. Click Social Bar.

    3. From Social Bar Settings, click Organize Icons.
    4. From the left of Organize Icons, click an icon.

    5. From the right of Organize Icons, under Link to, click inside the field.
    6. From Link to Web Address, type the URL for your social site.
    7. Click the dial next to Open in new window or Open in same window. Click OK.
    8. Repeat Steps 4 through 8 for all of your icons.
    9. From Organize Social Icons, click OK.
    10. Click outside of the Social Bar to close Social Bar Settings.

    For more information about the Social Bar, click here.

    Adding Images

    To add an image:

    1. From the left side of the Editor, click the plus sign to open Add.
    2. From Add, click Image.
    3. From Image, click one of the image options.
    4. From Image Settings, click Change Image.

    5. From the Image Gallery, click an image and then click OK.
    6. Click outside of the image to close Image Settings.

    For more information about images, click here.

    Adding a Contact Form

    Add a contact form to your site so that your site visitors can contact you.

    To add a contact form:

    1. From the left side of the Editor, click the market icon to open Wix App Market.
    2. From Wix App Market, click Forms. Click Contact Form.
    3. From Wix Contact Form, click Add to site.

    Feel free to try other contact forms from the App Market!

    4. From Contact Form Settings, under Email To, type the email that your site visitors will contact when filling in the form.

    5. Under Email BCC, type an email that will be blind-copied when your visitors fill in the form.
    6. Click outside of the contact form to close Contact Form Settings.

    For more information about contact forms, click here.

    Designing Your Site

    The Design section of the Editor allows you to customize the background, colors and fonts of your entire site. You can choose from a selection of styles or customize any style to create your own!

    You can also change the style of your elements in your Wix Site. Check out the video below to see how: 

    Choosing a Site Background

    Change the site background of your template by choosing a site background from our collection.

    To choose a background:

    1. From the left toolbar, click the paintbrush icon to open Design.
    2. From Design, click Background.

    3. From Background, click one of our ready-to-use backgrounds.

     For more information about your site background, click here.

    Changing Your Site Colors

    You can change the colors of your site by going to the Colors section of Design and choosing a color palette for your site. If you don't like any of the colors in your palette, customize it to make it your own! Your color palette determines the color scheme that's available for the different areas of your site. Once you have set up your color palette, change the colors of your elements from the Change Style section of the element's Settings.

    To change your site colors:

    1. From the left side of the Editor, click the paintbrush icon to open Design.
    2. From Design, click Colors.

    3. From Colors, click a color palette.

    To return to Design, click Back to Design from the top of the Colors window.
    To close Design, click X from the top right.

    For more information about choosing site colors, click here.

    Choosing Your Font Scheme

    Change your template fonts easily by going to the Fonts section of Design.

    To choose your font scheme:

    1. From the left side of the Editor, click the paintbrush icon to open Design.
    2. From Design, click Fonts.

    3. From Site Fonts, click a font style.

    For more information about choosing a font scheme, click here.

    Publishing Your Site

    Now that you have edited your template and made it your own, you are ready to publish and view your website online! You will have to save your site before you can publish it. You can also preview your site to make sure that it looks the way that you want it to.

    Previewing Your Site

    You can preview your site and going into Preview Mode. In Preview Mode, you can browse through your site as if it is online.

    To go into the Preview Mode of your site, click Preview from the top of the Editor.

    To go back to your Editor, click Back to Editor from the top left of Preview Mode.

    Saving Your Site

    You can save your site and continue working on it at a different time. You can access your saved sites from My Sites in Wix.com

    To save your site, you will first have to name it. The name of your site will be a part of your free Wix URL.

    To save your site:

    1. From the top of the Editor, click Save.
    2. From the window that opens, type a name for your site in the field.
    3. Click Save.

    Publishing Your Site

    When you are ready for your site to appear online, click Publish! Your new live site will appear on your free Wix URL.

    To publish your site to your own domain, you will have to upgrade your account and purchase a domain. For more information on purchasing a domain, click here.

    To publish your site:

    1. From the top of the Editor, click Publish.
    2. If you haven’t saved your site, type a site name in the field and click Save.
    3. Click Publish Your Site Now.
    4. Optional: Checkmark the box next to Make my site available to Search Engines and fill in the Title, Keywords and Description fields.
    5. Click Publish Now.

    Remove the Wix ads and connect your own domain by clicking Upgrade Now and purchasing one of our Premium packages.

    There are many ways to enhance your published site. Check out the links below for more details:

    Connect your own domain to your Wix site

    Add your own favicon to your site

    Learn how to improve your site’s standing in search engines

    Use Google Analytics to track your users

    Upgrading Your Site

    At Wix, you can create a free website - that means free, you can upload your images at no cost, design it however you like and publish it. The structure of a free Wix URL is: username.wix.com/sitename.

    If you would like to remove the Wix ads in the footer and tags or use your own domain, you can upgrade your account and pay for a monthly or yearly contract. You can do that at anytime - you can start out free and get a premium account later, or you can stay with a free site.

    For more information about our different plans, check out our page here.

    To upgrade your site:

    1. From the top of the Editor, click Upgrade.
    2. Underneath the package of your choice, click to select it.
    3. Click Buy Now and follow the prompts to complete your purchase.