Travefy's Website feature can be used to create a customizable and personalized platform to attract client and showcase itineraries right in your Travefy account!
To learn more about the different elements and how to set up your very own website, keep reading through this article.
Important Note: Each Team has a single website managed by the team Admin.
Setting Up your Website
To start creating your website you will first want to click on Pages in the top left of your Travefy home page. This will open the builder!
Once you're in the builder, you will be able to select theme you would like your Website to be set in. This can be changed at any time, so there's no pressure!
Once you have selected the theme for your website, a template page will appear.
All webpages on Travefy are built with Elements. Think of them as building blocks! Each is a little different from the other, and behaves a different way. Some allow pictures, buttons, and links to be added, and others do not.
Elements will look slightly different depending on the theme you're working in. The elements shown below are all Santorini.
Let's go through those elements now!
The Nav Bar is generally put at the top of a webpage. You can display your logo, as well as add buttons and links to other pages!
Shown here are the three available in Santorini. The first is the Primary Nav Bar, which is the same color you have selected as the theme color.
Buttons will also be your theme color in Santorini.
The Hero is an element comprised of a large photo with text overlayed. You can also add a button to this element!
Call to Action
The Call to Action element is similar to a Hero, but has a greater emphasis on the text overlaid on the image. There's a bolder color in the header, and a button can be added.
The Left Aside shows a picture on the left side, as well as a small text block with a heading and subheading. A button can also be added.
The Right Aside, like a Left Aside, shows a picture on the right side, as well as a small text block with a heading and subheading. A button can also be added.
The Text Block element is a block of text with a heading and a subheading. Photos/buttons cannot be added to this element.
The Image Banner element is just that, a large banner image!
Trip Gallery and Large Card Gallery
The Trip Gallery and Large Card Gallery are elements that can be used to display three large cards. You can display the the heading of trips you have built, or have each card serve a different function. There is also an optional heading and text block that can be added to the top of this element, as well as an additional heading and text block below.
Medium Card Gallery
The Medium Card Gallery element allows you to display a photo and a smaller heading and text block. Buttons cannot be added to this element, but you can have as many cards on this element as you'd like!
The Carousel element is an element for displaying photos. You can have an optional heading and subheading, and there is no limit to the number of photos that can be added to a carousel.
The Contact Us element is for displaying your contact information, as well a photo in the background. A button can also be attached to this element.
The Footer element, like a the Nav Bar, can be used to link to other pages such as disclaimers, a form, or your social media.
When you select a theme, a number of elements will appear automatically, creating a sort of template website.
The edit the text or photo on an element, simply slick on it, and the Element editor will appear on the right-hand side, as shown below.
The menu will allow you to type in text, or change the image that's displayed, as well as adding a button(if applicable).
Make sure to Save your changes before you exit the element, or move on to another one!
Adding a New Element
To add a new element to your website, click on +New Element in the top right corner.
This will open the list of all of the available elements, which you can then drag and drop to the needed location. You will want to look for the green box that indicates where the element will be placed!
Deleting an Element
There are a few ways to delete an element from your webpage.
One is from the Page Editor, where all the elements currently on the page are listed under Rearrange, as shown below.
Clicking on the three dots on the right side of the element will allow you to delete it.
The other way to delete an element is to be in the element editor itself.
Click on the three dots in the top-right corner next to Save for the option to delete the element.