If you are planning a conference, meeting, seminar, workshop or similar event, congratulations – you have made the right choice. Using Vertoh requires an intermediate knowledge of WordPress.

This means that you should have basic knowledge of using WordPress. Our theme is made for WordPress.org (as opposed to WordPress.com) this means that you need a hosting provider where you can install WordPress and activate Vertoh. If you don’t have a hosting provider, we suggest WPEngine.

If you are not confident with WordPress, we suggest 3 actions:

1. Watch the following Videos: What is WordPress? – How to Install WordPress – The Dashboard and read the handy guides at WPBeginner. Everything you need to know about running a WordPress site is on the web. WordPress is an open-source software with a huge and helpful community of users. You will find answer to any concerns you may have.

2. Run a test installation with the default theme and give it a whirl. Play with it and get confident with different sections of the Dashboard.

3. Use WordPress Forums and Docs. Search the forums for your question, there will probably be an answer. If there isn’t don’t be afraid to ask, you will find WordPress community eager to help and friendly.

2. Getting Started With Vertoh

We developed Vertoh utilizing the core WordPress functionality as the basic foundation. It is designed to showcase your event with great functionality and beautiful design.

Using Vertoh you will be able to:

– Provide your event information and details.

– Define and display all the data necessary for your event: sessions, speakers, sponsors, exhibitors, points of interest and media.

– Show and filter your event schedule by location or track.

– Let your attendees buy their tickets using Woocommerce, Eventbrite, EventEspresso or Xing Events services.

– Show all your social media links: Email, RSS, Facebook, Twitter, Flickr, Linkedin, Pinterest.

– Integrate the homepage with Facebook and Twitter.

– Include an awesome countdown timer.

– And so much more…

You will be able to do all this and more by focusing on three different areas:

– Vertoh Customization

– Vertoh Dashboard Sections

– Vertoh Widgets But first things first.

Let’s install and activate Vertoh.

3. Installing Vertoh

To install and activate Vertoh on your WordPress site, head over to Appearance -> Themes and click on Add New button.

On the next screen, click on the Upload Theme button at the top.

Upload theme

Click on Choose File button, locate the Vertoh zip file, and then click on Install Now button.

Install theme

The theme will take some time to upload.

When finished, click on the Activate link to activate Vertoh on your site.

Your settings on Settings > Reading > Reading Settings > Your homepage displays, should be set up to “Your latest posts”.

If you need more information about installing and activating themes in WordPress, then please read this article.

How to Update Vertoh

Create a full website backup: This step is crucial; it will allow you to recover the site in case the update couldn’t be completed.
Save any custom CSS you have stored under Appearance > Customize > Additional CSS.
Note: If your custom CSS is inside a child theme, it shouldn’t be a problem.
Choose a different WordPress standard theme in the meantime. You can choose one of the WordPress standard themes.
Delete your parent theme (in this particular case, Vertoh).
Download the last version of your theme from your account member area.
Install your parent theme again; the version number should change; you are free to check our changelog.
Install the classic editor (if you don’t have that plugin already installed).
Change the settings of your “Classic editor” >> Default editor for all users: Classic Editor.
Activate your parent or child theme (that will depend on your initial setup)

3.1 Vertoh Customize Options

Under Theme Options you will see different options to customize Vertoh.

3.2 New Vertoh Dashboard Sections

Apart from Theme Options, Six new sections will appear in your WordPress admin sidebar. These sections take care of the relevant data of your event. We will explain how to use each one of them later in this guide.

Click to Enlarge Image

3.3 New Vertoh Widgets

Apart from the usual WordPress widgets, Vertoh comes with several custom widgets of its own. You can add, arrange, and remove these widgets to configure your homepage and blog sidebar.

We will explain each widget so you can choose the ones that work best for your event.

Click to Enlarge Image

3.4 How to Install Vertoh Child Theme

After installing Vertoh theme:

1. Get the “vertoh-child” folder available in the “misc” directory inside the theme package;

2. Copy “vertoh-child” folder inside “/wp-content/themes” folder of the WordPress installation;

3. In your WordPress admin area, go to “Appearance->Themes”;

4. Activate the Vertoh child theme.

4. Customizing Vertoh

Now that you have installed Vertoh, it is time to set it up to meet your needs. We always suggest to activate the theme on a fresh WordPress installation with no plugins and no previously populated content.

Please head over to Theme Options. Let’s have a look at the available options. Theme Options panel for Vertoh is divided into seven sections: General Options, Homepage Options, Media Gallery, Blog Options, Social Networks, Newsletter, and Misc.

We will walk you through each of these options. Don’t forget to click on “Save Options” as you make changes.

Click to Enlarge

4.1 General Options – Choose a Color Palette

On the General Options tab, the first option is to choose a color palette for your theme. Vertoh comes with 15 color schemes to choose from.

Here is a preview of all color schemes.

1.Basic

2. Blue

3. Brick

4. Bubblegum

5. Cold Green

6. Jade

7. Male

8. Mint

9. Orange

10. Peach

11. Petrolio

12. Pumpkin

13. Sangria

14. Sea

15. Silver

4.2 General Options – Setting Logo

The second option on the General Options screen is to upload your site logo. Click on Upload Image button to upload your custom logo from your computer. Preferred logo image size is 136 x 26 pixels. Important: We strongly discourage using logo larger than the recommended size. It will conflict with the menu and will mess up the layout.

Your site logo will appear in the middle of the screen and move to the right on some pages. It will move to top center as a user scrolls down on the homepage.

4.3 General Options – Footer Copyright Content

The third option on the General Options tab is to set footer copyright content. Back to top

4.4 Homepage Options – Top Bar

The first option the Homepage Options tab is to configure the top bar in Vertoh. By default it is set to transparent. However, you can change it to solid white if you would like.

4.5 Homepage Options – Header Type

Vertoh allows you to choose from four different type of headers. The default option is set to image slider, other choices are video, small header, or a solid color.

Using Image Slider Header Type Choosing Image Slider in the header type, will display the header gallery section at the bottom of the homepage options tab. Simply click on the upload button to upload the images your want to display in header slider. After uploading the images you can drag and drop to arrange them in the the order you want them to be displayed.

Please note that the recommended size for the images here is 1920×820 pixels.

Using Video Header Type Choosing the video in the header type, will display the header video URL and header video background image settings at the bottom of homepage options tab. Simply provide a YouTube or Vimeo video URL here and then upload a header background image.

The recommended size for the header background image is 1920×720 pixels.

Using Small Header Type Using a small header type will reduce the height of the header. You will still need to provide event details and choose the event title and tagline colors.

Using Solid Color Header Type Using a solid color header type will allow you to choose a solid color background for the header area, with a bigger logo or a header image.

The recommended size for the logo image here is 308×162 pixels.

Choosing the solid color header type will show the option to upload logo image and choose background color at the bottom of the homepage options tab.

4.6 Homepage Options – Header Menu Icon Color

This option allows you to set the color of the header manu icon. The default menu icon color is set to white. However, if you are using images with lighter color, then you can choose darker color here.

4.7 Homepage Options – Event Details

After the header settings, you need to provide your event details for the homepage. Here is the information you need to enter:

1. Event Title – Enter your event’s title here.

2. Event Tagline – The tagline for your event.

3. Event City & Country – Enter your event’s city and country.

4. Event Venue – Enter your event’s venue.

5. Event Date, Location, & Starting Time – Enter event date, location, and starting time.

This is how event details will appear on your site:

4.8 Homepage Options – Header Image Down Arrow Anchor Link

This option allows you to link to a section on the homepage. For example, if you want to send users directly to the tickets section, then you can enter #tile_ticekts_anchor here.

See the full list of unique identifiers in Vertoh.

Here is how the arrow image down appear on your site:

4.9 Homepage Options – Event Title & Tagline Colors

By default the Event title and tagline color is set to white. However, if you are using images with lighter colors then you may want to change your title and tagline colors. This section on the homepage options tab, allows you to do that.

4.10 Media Gallery

The Media Gallery tab on the theme options panel allows you to upload you event media. You can upload images or add YouTube or Vimeo video URLs.

To display the media gallery on your homepage see Vertoh Media Grid Widget.

4.11 Blog Options

This tab allows you to choose whether you would like to display right sidebar on your blog or use a full width page for blog with no sidebar.

This is how your blog would look with full width layout:

This is how your blog would look with a right sidebar. See how to add widgets to your blog sidebar.

4.12 Social Networks

This tab allows you to add your social media profiles. Simply enter the URLs of your social media profiles. If you do not want to display particular network, then simply left it blank.

To display social media icons on your website see Vertoh Social Media Links widget.

4.13 Newsletter

Newsletter tab allows you to add a MailChimp newsletter signup form to your homepage.

Please note: The Newsletter module will be activated only when the Contact Form Widget has been activated.

1. Status – Change it to visible to make your newsletter signup form visible.

2. Background color – Choose a background color.

3. Text Color – Choose a color for the text.

4. Title – Provide a title for your newsletter signup area.

5. Text – Enter the text that would accompany the sign up form.

6. Button Text – Enter the text that would appear on the button.

7. MailChimp Action URL – Enter the MailChimp Action URL here.

How to Get MailChimp Action URL? Sign in to your MailChimp Dashboard and click on the Lists.

On the lists page, click on the down arrow icon next to your list and click on Signup Forms.

Choose the general forms option and then copy the form URL.

Copy and paste the form URL in a new browser tab. This short URL will now redirect you to a complete signup form URL which will look something like this:

Copy the signup form URL and paste it in a text editor like Notepad. Change the URL by adding /post after the subscribe. http://demouser.us8.list-manage.com/subscribe/post?u=b744bc81df8ca34ccbd8db739&id=6f69561e5b

This is your MailChimp Action URL, you can now paste it under Newsletter tab on theme options.

4.14 Misc – Importing Dummy Data

The last tab on Theme Options screen is Misc. Vertoh provides a function to populate the site with dummy content.

Please read this carefully.

By clicking on Import button; you will populate the whole site with dummy content. While this is great if you don’t know where to start, it is non revertible.

Therefore you will need to delete the unnecessary content generated. This can take quite some time. We suggest to populate with dummy content only if you are not sure about how WordPress works and want just to edit content and pictures. The dummy data generator only generates content such as sessions, speakers and media.

You will still need to activate widgets to make the content visible on the home page.

WordPress does not allow to activate widgets for you, so you should proceed by following the section Setting up the homepage.

Note: Populating the site with dummy content does not exclude reading this guide as you may still need to refer to it to change the populated options. Back to top

5. Setting up Data

Before beginning to set up our homepage with widgets, these need some data to work and display the information properly. In this section we will show you how to add new Speakers, Sponsors, Exhibitors Sessions, Points of Interest, Media and Posts for your event.

5.1 Sessions

Your event can be divided into Sessions, and Vertoh provides you an easy way to define them. Sessions can be assigned to “Tracks”, a visual way to group similar sessions according to a topic. Your sessions may also have different locations i.e. the room or venue of a specific session. All these concepts are present in the Sessions Menu.

You can add all the Tracks and Locations at once, by clicking on Dashboard > Sessions > Tracks/Locations or you can create them as you need when creating a Session.

To create a Session, go to Dashboard » Sessions » Add New.

Title: add the name of the Session.
Description: add a brief description of the Session.
Session Details: Add the date of the session and the start and end time (make sure to enter the time in 24:00 format where 9 am is 09:00 instead of 9:00). If you are using an event management service like Eventbrite or Xing or EventEspresso for registration of each session, then you can add the registration embed code here. In the registration text box, you may enter a call of action text for registration.
Speakers: select the Speaker or Speakers for this session. If you see an empty box here, it means you haven’t added a Speaker yet. See how to add a Speaker in Speakers.
Session Locations: select or create a new Location. Here you can specify the room or venue of a specific session, so your attendees could quickly filter Sessions by location.
Session Tracks: select or create a new Track. Tracks identify a common topic area of different sessions. If you want your attendees to quickly skim through the schedule tracks are very useful.
Session Order: here you need to place a number to arrange the order of your sessions. For example, adding 4 here will display this session at the 4th position on the homepage.
Featured Image: Set a Featured Image for the session if you like.
And of course, once you are done click on “Publish”.

Click to Enlarge Image

So now if you come back to Dashboard » Sessions » Sessions you will see your new Session on the list, as shown below:

Repeat this simple process for all the Sessions of your event.

Note: All sessions MUST have a date assigned to them. Not inputting a date may result in the schedule not being visible.

5.1.1 Setting up a Full Schedule Page

Great introduction of Vertoh is a dedicated page to display your full schedule. Setting up your Full Schedule page cannot be simpler. Navigate to Page -> Add New .

From item 12 – Template, select Schedule and save. This way all the other custom items will appear.

Here is how to set up your full schedule page.

1. Title – Provide a title for your full page schedule.

2. Description – Enter a little description of your schedule page.

3. Call to Action – Under the status drop down menu choose enable if you want to add a call to action.

4. Title – Title for your call of action.

5. Text Color – Choose text color for your call to action section.

6. Subtitle – Provide a subtitle for your call to action.

7. Image – Upload an image to be used for your call to action background. The recommended image size is 1920×566 pixels.

8. Button Text – Enter the text that would appear on the call to action button.

9. Button URL – Enter the URL for your call to action button.

10. Button Hover Background Color – Choose a hover background color for your call to action button.

11. Order – Leave it to 0.

12. Template – Under the template dropdown menu select Schedule.

13. Lastly, Save, publish, or update your page.

Click to Enlarge

5.2 Speakers

Creating Speakers is very easy. Head to Dashboard » Speakers » Add New.

Here you will have to provide some information about the Speaker:

1 – Title: enter the name of the Speaker.

2 – Description: add a catchy description about the Speaker.

3 – Speaker Details: You can check the box next to the keynote to mark a speaker for the keynote speaker of the event. You can also provide a subtitle or a one-liner intro for the speaker.

4 – Featured Image: This is where you set the Featured Image that will be displayed whenever a Speaker is showed on the website. Note the image needs to be a square in order to display correctly.

5 – And of course, click on “Publish”.

Click to Enlarge Image

So now if you come back to Dashboard>Speakers>Speakers you will see your new Speaker in the list, as shown below:

5.2.1 Setting up an All Speakers Page

A great introduction of Vertoh is a dedicated page to display all your speakers. This page helps you to arrange the speakers in 3 different tiers, so if you want to highlight keynotes or give more prominence to other speaker groups you can do that easily.

To set up your All Speakers page, navigate to Page -> Add New The first action would be to select from the Template (see item 13) drop down the ‘Speakers’ option.

This will enable custom fields for speakers management.

Click to Enlarge Image

Here are all the options:

1 – Title: enter the name of your Speakers Page.

2 – Description: Enter the description of your page.

3 – Speaker Sections : Speaker sections has three title sections for each group. You can divide speakers into three groups. Simply provide a title section for the group name. After that you can drag and drop the speakers from the available list below to the box above. If you see no speakers here it means you haven’t created any.

4 – Call to Action If you need you can enable a call to action and provide title, subtitle, and link for your call to action button.

5 – Status Enable or disable the call of action button.

6 – Title Provide a title to the call of action button.

7 – Text Color Choose a text color for call of action button.

8 – Subtitle Enter a subtitle for call of action button.

9 – Image Provide an image that will appear as the parallax background. Recommended image size is 1920×566 pixels.

10 – Button Text Enter the text that will appear on the call to action button.

11 – Button URL Enter the URL where this button will point to.

12 – Button Hover Background Color Choose a hover background color for button.

13 – Page Attributes: Select speakers under the Page Template.

14 – And Of course, click on the “Publish” button.

5.3 Exhibitors

Creating exhibitors is very easy. Head to Dashboard > Exhibitors > Add New.

Click to Enlarge

Here you will have to provide information about the exhibitor.

1 – Title: title of the exhibitor.

2 – Description: Provide a detailed description of the exhibitor.

3 – Exhibitor Details: Provide a subtitle, top detail, and then additional details for the exhibitor.

4 – Subtitle Provide a subtitle for the exhibitor profile.

5 – Top Detail This is the most visible detail for the exhibitor. Enter most useful detail here.

6 – Detail 1 This is where you provide additional details about exhbitor such as their phone number, email, or website.

7 – Title Provide a title for the detail.

8 – Description Enter the description of the detail. Repeat steps 6, 7, and eight for detail 2, 3, and 4.

9 – Featured Image Set an image or photo of the exhibitor.

10 – Order Enter the order number for the exhibitor. For example, if you want this exhibitor to appear first then enter 1 here. Leave to 0 if you want to display exhibitors in order they are added.

11 – Exhibitor Category You can group exhibitors into categories. Check the box next to an existing category, or click on the Add New Exhibitor Category button to create a new exhibitor category.

12- Lastly, click on the “Publish” button. So now if you visit Dashboard > Exhibitors > All Exhibitors, you will see the new exhibitor in the list as shown below.

Repeat the process for all exhibitors in your event.

5.3.1 Setting up an Exhibitors Page

Great introduction of Vertoh is a dedicated page to display all exhibitors. Setting up your exhibitors page cannot be simpler. Navigate to Page -> Add New Here is how to setup exhibitors page.

1. Title – Provide a title for your exhibitors page.

2. Description – You can leave this part blank.

3. Status – If you want to add a call to action section to your exhibitors page, then you need to choose enable from the drop down menu next to status.

4. Title – Provide a title for your call to action section.

5. Text Color – Choose text color for your call to action section.

6. Subtitle – Provide a subtitle for your call to action.

7. Image – Upload an image to be used for your call to action background. The recommended image size is 1920×566 pixels.

8. Button Text – Enter the text that would appear on the call to action button.

9. Button URL – Enter the URL for your call to action button.

10. Button Hover Background Color – Choose a hover background color for your call to action button.

11. Template – Under the template dropdown menu select Exhibitors

12. Lastly, Save, publish, or update your page.

Click to Enlarge

5.4 Points of Interest

To add a Point of Interest of your event just go to Dashboard » Points of Interest » Add New.

Here you will have to provide some information:

1 – Title: the name of the new Point of Interest.

2 – Description: add a description for the Point of Interest.

3 – POI Address Info: provide here the street, city, zip code and country of the Point of Interest.

4- Groups: You can categorise similar points of interest into groups.

5 – And of course, click on “Publish”.

Click to Enlarge

So now if you come back to Dashboard » Points of Interest » Points of Interest you will see your new Point of Interest in the list, as shown below:

Repeat this simple process for every Point of Interest you want to appear in the Map Widget.

5.5 Sponsors

To add a new Sponsor, go to Dashboard » Sponsors » Add New.

Here you will have to provide some information about the Sponsor of your event:

1 – Title: the name of the Sponsor.

2 – Description: add a brief description about the Sponsor.

Note: This description needs to be short to be visible on mobile devices.

3 – Sponsor Details: you can add here a link to the Sponsor.

Please note: Ensure that any Browser extensions blocking ads (such as Adblocks) are switched off. These extension block the word ‘Sponsor’ and the browser will read as spam/ad.

4 – Tier: here you can add a Tier for the Sponsor, create a new one o select a previous one.

5 – Featured Image: this is where you set the Featured Image that will be displayed whenever a Sponsor is showed on the website. Use a 300×150 pixels image for an optimal display.

6 – And of course, click on “Publish”.

So now if you come back to Dashboard > Sponsors >Sponsors you will see your new Sponsor in the list, as shown below:

Repeat this simple process for each of your Sponsors.

5.6 Posts – Setting up Blog

You are going to use Posts to let people know about the latest news of your event. The last four posts will be displayed in the “Latest News Widget” in your homepage.

But first we will configure a few things:

1 – Head to Settings->Permalinks. In “Common Settings” select “Post Name” and click on “Save Changes”.

2 – Head to Posts-> Categories. Here Change the name of the default ‘Uncategorized’ category by clicking on ‘Edit’. Rename it to Blog or News or whatever taxonomy you prefer to call your Blog page and click “Update”.

So now, wherever you want it to link to all your posts, you can link to all your posts like this: http://yourdomain.com/category/blog That’s all, now go to Dashboard > Posts.

You may see a sample post called “Hello world!. Place your mouse over and a some options will appear, click on Trash. We will delete this post to have our list of posts blank.

To create a new Post go to Dashboard » Posts » Add New.

Here is the information you have to provide:

1 – Title: enter a title for your new Post.

2 – Description: enter the content of your Post. You can include some media if you want.

3 – Featured Image: click on “Set featured image” to provide a picture to be displayed for this Post.

4 – Categories: always select the default category ‘Blog’, so all your posts can be listed by the ‘Blog’ category. But besides create more categories if you want. Click on Add New Category and a field will appear to enter your category and then click on the “Add New Category” button. Your new category will appear above checked.

5 – Tags: enter some tags for the post. If no tags have been provided yet, enter some separated by commas and click on “Add”. If they have, you can choose them from the Most Used Tags. Either way, Tags will appear below.

6 – And of course, click on “Publish”.

Click to Enlarge

Sometimes you want to be able to edit the excerpt (the very first words shown in the blog listing page). In order to activate the excerpt view click on ‘Screen Options’ from the Edit Post page:

Make sure to tick ‘Excerpt’ from the available checkboxes.

You will now see the excerpt box below the post editor where you can edit the excerpt of your post.

6. Setting Up The Homepage

Please head to Appearance » Widgets.

Here your available widgets are shown. These can be dragged to three different areas of your website: the Homepage, Main Sidebar, and the Footer. These areas are represented by the boxes at the right.

In this section we are going to describe you all the widgets that you can add to your homepage. But first, clean your Homepage box of all the initial widgets.

Drag the widgets from the “Homepage” sidebar to the “Available Widgets” box to make them disappear, like this:

Repeat until your Homepage sidebar box is empty and go ahead to the following subsections where we will explain every Vertoh Widget.

6.1 Vertoh Speaker List

This widget shows a list of speakers on your homepage. Simply drag and drop the Vertoh Speaker List widget to your homepage sidebar. Here is the information you need to provide.

1. Title – Title of your speakers list section.

2. Subtitle – Provide a subtitle for your speakers list.

3. “View profile” text – Enter the text that will appear on the view profile link.

4. “View all speakers” text – Enter the text that will appear as link for viewing all speakers.

5. Speakers – Simply drag and drop speakers from the bottom box to the top and rearrange them in order you want them to appear.

6. Save your widget settings.

This is how it will appear on your homepage:

6.2 Vertoh Event Schedule

With this widget you will be able to show your event schedule. Click on a day to load the sessions, start and end times and speakers involved. Drag a “Vertoh Event Schedule” widget from the “Available Widgets” to the Homepage sidebar.

Here is the information you have to provide:

1. Title – Title for the event schedule widget.

2. Subtitle – Subtitle for the event schedule widget.

3. “More Info” Text – Deprecated

4. “View full schedule” button text – Text that will appear on the view full schedule button.

5. Save your widget settings.

This is how event schedule widget would appear on your homepage:

If nothing shows in the schedule widget, then remember how to create a session, in Sessions.

6.3 Vertoh Exhibitor List

This widget allows you to display exhibitors list on your homepage. Simply drag and drop the Vertoh Exhibitors List widget from available widgets to your Homepage sidebar.

Here is the information you need to provide.

1. Title – Enter title for your exhibitors list widget.

2. Subtitle – Enter a subtitle for exhibitors list.

3. “View Profile” Text – Enter text that will appear as view profile link.

4. “View all exhibitors” Text – Enter text that will appear as link to view all exhibitors.

5. Exhibitors – Drag and drop exhibitors from the bottom box to the upper box. Rearrange exhibitors in order you want them to appear in the list. If nothing appears in the bottom box, then you need to add exhibitors.

See how to add exhibitors in Vertoh.

6. Save your widget settings

This is how the exhibitors list will appear on your homepage:

6.4 Vertoh Tickets List

This widget displays the list of tickets on your homepage. Simply drag and drop Vertoh Tickets List from available widgets to your homepage sidebar.

Here is the information you need to enter.

1. Title – Enter a title for your tickets list.

2. Subtitle – Enter subtitle for your tickets list section.

3. Save your widget settings.

This is how it will appear on your homepage:

6.5 Vertoh Latest News

This widget displays the last four posts published. Drag Vertoh Lastest News widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: Title for the widget

2 – Subtitle: A catchy sub-title for the widget.

3 – “View all news” Text: Text for the link to view all news.

4 – Save your widget settings.

This is how the widget would appear on your homepage:

6.6 Vertoh Points of Interest

Allow your event attendees to take a look at the most relevant points of interest with this map widget. Drag “Vertoh Points of Interest” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1. Title – Enter a title for your widget.

2. Google map zoom – Enter a value between 1 to 21 to set the Google map zoom level. Leave blank for default.

3. Save your widget settings.

This is how it would appear on your homepage.

Note: If you don’t see any thing here, then you need to add some points of interest.

6.7 Vertoh Latest Tweets

This widget displays a section with the latest tweets from your event’s hashtag. In order to use it, first we have to create a Twitter Application, go to the apps.twitter.com website. Log in with your Twitter Account and then click on the create new app button.

Enter the following information: Name, Description and Website. Then Accept the Rules and click on the button “Create your Twitter application”.

The new application has been created. Click on the Keys and access tokens tab. On this tab you will see a section labeled “your access token”.

Click on the “Create my access token” button, and an authorized accesss token and secret will be generated for your account and the current application. We are going to need these values for our widget.

Now that the token has been generated, click on the Test Oauth button. You will be shown values we you will need for Vertoh Latest Tweet widgets.

The values in the snapshots are just an example, you need your own generated values.

So now, coming back to our WordPress site, head to Dashboard > Appearance >Widgets and drag a “Vertoh Latest Tweets” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: Provide a title for the latest tweets section.

2 – Link Text: Provide the text that will appear as the link.

3 – Event Hashtag Keyword: Enter the hashtag for your event, without the #.

4 – Access Token: Copy the Access Token value and paste it here.

5 – Access Token Secret: Copy the Token Secret value and paste it here.

6 – Consumer Key: Copy the Consumer Key value and paste it here.

7 – Consumer Secret: Copy the Consumer Secret value and paste it here.

8 – Lastly click on the Save button to save your widget settings.

6.8 Vertoh Instagram

This widget allows you to display latest images from your Instagram account on your homepage. But before you do that you need to create an Instagram app.

Visit //instagram.com/developer and login using your instagram username and password.

Once logged in, you will be asked to register as a developer. Simply enter your website address, a valid phone number where you can receive text messages, and a description of what you are building.

You will receive a security code on the number you entered. Verify this security code and you will be redirected to Register new client ID page.

Simply provide a name for your app and your website URL in both website and OAuth redirect_uri fields as shown in image below. Lastly enter the CAPTCHA code and click on register button.

On the next screen you will see your client ID and client secret keys. Now come back to your WordPress site and add Vertoh Instagram widget from available widgets to your homepage sidebar.

This is the information you need to enter:

1. Title : Enter a title for your Instagram widget

2. Link Text: Enter text for the full Instagram page link.

3. Tag: Enter the hash tag you want to show.

4. Client ID: Copy and paste the client ID from your Instagram client page.

5. Client Secret: Copy and paste the client secret from your Instagram client page.

6. Save your widget settings.

This is how it would appear on your homepage.

If you don’t see anything here, then this probably means that there are no photos on Instagram with the hashtag you used.

6.9 Vertoh Facebook RSVP Stats

This widget will display your Facebook Event RSVP Stats. In order to use it, first we have to create a Facebook Application, start by going to https://developers.facebook.com/apps website.

Log in with your Facebook Account. Click on “Create New App” button. Fill in the App Display Name and App Category. Leave the App Namespace blank, Click on Create App to continue.

Now you should have been redirected to the Application page. The fields we need, the App ID and the App Secret are already there. However, we need to move the application from development to live mode.

To do that click Settings link in the left hand menu. Enter a Valid Email in the Contact Email field and save your changes.

Now click on Status & Review link from the left hand menu. On the next page, you will see ” Do you want to make this app and all its live features available to the general public?”, toggle the button next to it from no to YES.

Click on confirm to continue.

Click on the Dashboard link in your facebook app settings and on the app dashboard you will notice that your app is now live and publicly available.

You will also see your App Key and App Secret values which you will need to enter in the widget.

Come back to WordPress now. Head to Appearence > Widgets again. Drag a “Vertoh Facebook RSVP Stats” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: Enter title for your Facebook event timer widget.

2 – Link to Event on Facebook: Enter the link of your event on Facebook.

3 – Link Text: Enter text that would appear as the link.

4 – Event ID: it’s the number code at the end of your Facebook Event page.

5 – App ID: Copy the App ID from your Facebook app dashboard and paste it here.

6 – Secret Key: Copy the App secrent from your Facebook app dashboard and paste it here.

7 – Save your widget settings.

This is how the widget will appear on your homepage.

6.10 Vertoh Call to Action

This widget allows you to add a call to action to your homepage. Drag and drop “Vertoh Call to Action” from “Available Widgets” to your Homepage Sidebar.

Here is the information you need to provide.

1. Title – Provide a title for the call of action

2. Subtitle – Enter a subtitle for your call of action.

3. Text Color – Choose a text color.

4. Text Alignment – Align text to left, right or center.

5. Image – Add a full screen parallax background image. The image should be 1920 px wide and 566 px in height.

6. Button Text – Text that will appear on the button.

7. Button URL – Enter a URL where users will be sent when they click the button.

8. Button Hover Background Color – Select a background hover color.

9. Save your widget settings.

Depending on your settings, your call to action widget would appear on your homepage. Here is a preview of how it might look.

6.11 Vertoh Social Media Links

This widget displays all your social media links. Drag a “Vertoh Social Media Links widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: enter a title for the widget.

2 – Click on the Save button to save your widget settings.

Here is how it would appear on your site:

6.12 Vertoh Sponsor List

Vertoh Sponsor List widget displays the list of your event sponsors on your homepage. Drag “Vertoh Sponsor List” widget from available widgets to your “Homepage” sidebar.

Here is the details you need to enter:

1 – Title: Provide a title for the widget.

2 – Subtitle: Provide a sub-title for the widget.

3 – Button Text: Enter text that would appear as a link on the sponsors widget.

4 – Button URL: Enter the URL where users will be taken to. This could be a page about how to become a sponsor of your event.

5 – And lastly, click on the Save button to save your settings.

Here is how the widget would appear on your homepage:

If you do not see anything here, then you need to add sponsors.

6.13 Vertoh Media Grid

This widgets displays your Event Media in a gallery. Drag a “Vertoh Media Grid” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: enter a title for the widget.

2 – Subtitle:enter a sub-title for the widget.

3 – Click on the Save button to save widget settings.

This is how the widget would appear on your homepage:

6.14 Vertoh Contact Form

With this widget you will be able to show a contact form. Drag a “Vertoh Contact Form” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: enter a title for the widget.

2 – Subtitle: enter a sub-title for the widget.

3 – “Send message” Text: Enter text for the Send Message button.

4 – Email Address To Send Forms To: enter the email address to send forms to.

5 – Recaptcha Public Key: Enter recaptcha public key. Here is a tutorial on how to obtain recaptcha public and private keys.

6 – Recaptcha Private Key: Enter recaptcha private key here.

7 – Click on the Save button to save widget settings.

This how Vertoh Contact form will appear on your homepage.

6.15 Vertoh Event Timer

With the Vertoh Event Timer a countdown for your event will be displayed. Drag a “Vertoh Event Timer” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1. Title – Title for the countdown widget area.

2. Countdown Date – Enter the date of your event.

3. Button Text – Text for the button that appears below the countdown.

4. Button Link – Link for the button below the countdown, you can simply enter #title_registration and users will jump to registration widget on the homepage.

5. Save your widget settings.

This is how the timer would appear on your homepage.

6.16 Vertoh Text Columns

This widget allows you to add text columns. Simply drag and drop Vertoh Text Columns to your homepage sidebar.

Here is the information you need to enter.

1. Title 1 – Provide the title for the first column.

2. Content 1 – Enter the content for the first column.

3. Title 2 -Provide the title for the second column.

4. Content 2 – Enter the content for the second column.

5. Title 3 – Provide a title for the third column.

6. Content 3 – Enter the content for the third column.

7. Save your widget settings.

This is how the widget would appear on your homepage:

6.17 Vertoh Registration

Allow your attendees to register and buy your event tickets with this Registration widget. The Vertoh Registration widget is prepared for Eventbrite, Xing Events, Event Espresso, and WooCommerce as registration services.

You can try a script from other registration services but we won’t guarantee it will display properly on the site.

You can obtain the embed code from Eventbrite, see how to in Registration Services: Eventbrite.

You can find more information about using Xing Events in Registration Services: Xing Events.

Learn more about using Event Espresso plugin in Registration Services: Event Espresso.

Learn how to use WooCommerce with Vertoh in Registration services: WooCommerce.

Once you have the embed code, drag a “Vertoh Registration” widget from the “Available Widgets” to the Homepage Sidebar.

Here is the information you have to provide:

1 – Title: enter a title for your registration widget.

2 – Subtitle: enter a Subtitle if you wish.

3 – Main Text: enter a more detailed information about the registration or tickets.

4 – Registration Embed Code: here insert the code from your tickets service.

5 – Show in top navigation Checkbox to add registration in the top menu below that provide the text for the link.

6 – Linking to this URL: provide a URL for the registration section or Use #tile_registration_anchor

7 – Show Call of Action Checkbox to show call of action, below that provide text for your call of action button.

8 – Linking to this URL: provide a URL for the registration section or Use #tile_registration_anchor.

9 – Lastly, click on the Save button to save your settings.

This is how the registration widget would appear on your site:

7. Editing Blog Sidebar Widgets

Please Head to Appearance-> Widgets There is a “Main Sidebar” box where you can drag widgets too. The widgets you place here will appear in your Posts pages to the right.

7.1 Vertoh Latest Comments

This widget displays the latest comments to your posts in blog sidebar. Drag and drop “Vertoh Latest Comments” widget from “Available Widgets” to your Main Sidebar.

Here is the information you need to provide:

1 – Title: enter a title for the widget.

2 – Number of comments to show: Enter a number of comments you want to be displayed.

3 – Lastly, click on the Save button to save your widget settings.

This is how the widget would appear on your blog posts sidebar:

7.2 Other Sidebar Widgets

You can add your favourite wordpress widgets to the Main Sidebar too. As usual, just drag the widget, set it up and click on Save.

8. Editing Footer Widget Area

Please Head to Appearance-> Widgets There is a “Footer” box where you can drag widgets too. The widgets you place here will appear at the bottom of all your pages.

8.1 Vertoh Footer Text Columns

This widget displays three Footer text columns in your footer area. Drag and drop “Vertoh Footer Text Columns” widget from “Available Widgets” to your Footer sidebar.

Here is the information you need to enter:

1 – Title 1: Enter the title for the first column.

2 – Content 1: Enter the content for the first column.

3 – Title 2: Enter the title for the second column.

4 – Content 2: Enter the content for the second column.

5 – Title 3: Enter the title for the third column.

6 – Content 3: Enter the content for the third column.

7 – Save your widget settings.

This is how footer text column widget would appear on your site.

8.2 Other Footer Widgets

You can add your favorite WordPress widgets to the Footer area as well. As usual, just drag the widget, set it up and click on Save.

9. Creating Navigation Menu

Vertoh uses WordPress’s native functionality to manage navigation menus. In this section we will show you how to manage the top navigation menu in Vertoh. We will also show you how to add links to different sections of your website and your homepage in the menu.

9.1 Managing Menus

To manage navigation menus in Vertoh, go to Dashboard and then click on Appearance > Menus.

The Edit Menu screen is divided into two columns. On the left hand, you will see tabs for sections like Pages, Links, and Categories. These are the items that you can add to your menus. Select an item from these sections and then click on Add to Menu button.

This will add the item to the Menu Structure column on the right. On the right hand column, you will see Menu Structure. By default it will already be showing pages from your site.

Click to enlarge

You can move items in the menu structure to rearrange them. Clicking on a menu item will expand it, you can change the anchor text that appears for a menu item or even remove a menu item from your navigation menu.

To save the changes you made to navigation menus click on the Create Menu or Save Menu button.

Preview your site to see the changes in action. To learn more about navigation menus in WordPress, check out this detailed guide.

9.2 Adding Links to Sections on Homepage

Not only you can add items to different sections and pages of your Vertoh powered site. You can also add menu items linking to different sections of your homepage. (See Setting up the Homepage).

Each section on your homepage is given a unique identifier. For example, Vertoh Speakers Widget has unique identifier #tile_speakers_anchor.

To create a link in the navigation menu to this particular section of the homepage, you need to go to Dashboard and then click on Appearance > Menus.

On the Edit Menus screen, click on the Links section in the left hand column.

In the URL field enter the complete URL of your site and then append it with #tile_speakers_anchor.

E.g. http://www.example.com/#tile_speakers_anchor In the Link Text field, enter the text that you want to display for the link. E.g. Speakers. Lastly, click on Add to Menu button to add the link to your navigation menu.

9.3 Complete list of Unique Identifiers for All Homepage Widgets

In this section you will find the complete list of unique identifiers for every Vertoh Widget. Using these unique identifiers in your navigation menus as described in section 9.2, you can add links to different sections of the homepage.

Vertoh Widget	Unique Identifier
1. Vertoh Event Description	`#tile_eventdescription_anchor`
2. Vertoh Speakers List	`#tile_speakers_anchor`
3. Vertoh Event Schedule	`#tile_schedule_anchor`
4. Vertoh Registration	`#tile_registration_anchor`
5. Vertoh Sponsor List	`#tile_sponsors _anchor`
6. Vertoh Latest News	`#tile_news_anchor`
7. Vertoh Latest Tweets	`#tile_twitter_anchor`
8. Vertoh Points of Interest	`#tile_explore_anchor`
9. Vertoh Contact Form	`#tile_contact_anchor`
10. Vertoh Social Media Links	`#tile_connect_anchor`
11. Vertoh Event Timer	`#tile_timer_anchor`
12. Vertoh Media Grid	`#tile_media_anchor`
13. Vertoh Facebook RSVP Stats	`#tile_facebook_anchor`
14. Vertoh Call to Action	`#tile_calltoaction_anchor`
15. Vertoh Text Columns	`#tile_textcolumns_anchor`
16. Vertoh Exhibitors List	`#tile_exhibitors_anchor`
17. Vertoh Tickets List	`#tile_tickets_anchor`
18. Vertoh Instagram	`#tile_instagram_anchor`

10. Editing The Style and CSS

You may make some changes in the theme styles. The stylesheets are located in the /wp-content/themes/vertoh/css/schemes/ folder of your wordpress installation. You will need to select the CSS of your chosen palette. Also some of the styles can be found on /wp-content/themes/vertoh/css/layout.css

11. Registration Services

This section will give you some information to help you set up the registration services and integrate them with your Vertoh Theme. Learn how to set up your tickets in Eventbrite, Xing Events, or EventEspresso.

11.1 Eventbrite

You can obtain the embed code from Eventbrite by creating an event and tickets at www.eventbrite.com. If you don’t have an account, click on “Sign Up”.

You will be redirected to this “Create an Event” page. This page has three sections: Event Details, Create Tickets and Additional settings.

In the first section, fill in the required fields: Event Title, and Date & Time.

Fill in optional fields if you want.

You create the tickets in the second section, choose a type to start, for example a Paid ticket.

Fill in the name of the ticket, the quantity and the price. Select an option about the fees: absorb, pass on to the buyer or customize them.

If you need another Paid ticket, click on Paid again.

The third section is about the promotion and additional settings of our event. Select Public Page and enter a category and sub-category for your event if you like. Lastly, click on Make Event Live button at the bottom.

Once your event is live you will be redirected to the event dashboard. There you need to click on the manage and click on the widgets in the right hand sidebar as shown in the screenshot below.

On the next screen choose Ticket form:

Finally, select and copy the ticket form embed code and paste it in the Vertoh Registration Widget To complete the configuration of your event in Eventbrite, click on the link “Select Payment Options”.

By default the Credit Card Processing option is selected. If you need more help visit the Eventbrite Help Center.

Back to Vertoh Registration Widget

11.2 Xing Events

Xing Events is an online event registration and ticketing service. You can obtain the embed code from Xing Events by creating an event and tickets at www.amiando.com. Enter your email address to create a free account.

Fill in the sign up form, and click on “Start Now!”.

Your dashboard will appear. Click on “Create your Event!”.

Fill in your event information and then click on the Next button.

Your event is now in a draft mode. You can do all kind of tests, enter your banking information, and choose payment options.

While in the draft mode, you need to click on Ticket Sale presentation in the left hand sidebar and switch from Registration Form to Ticket Sale Presentation form.

It is important to do this as you can only do that while your event is in the draft mode. When you are ready click on “Activate event”.

If you haven’t already provided your banking information, then you will be asked to provide it now. After that your event will be activated.

Now you need to click on the Integration tab under Edit Event from sidebar on your left. Make sure that the module dropdown shows “Order tickets (Ticket sales)” and copy the HTML code.

Paste it in the “Registration Embed Code” field of Vertoh Registration Widget. This is how it should look like on your homepage:

11.3 Event Espresso

Vertoh works great with EventEspresso. EventEspresso is a WordPress plugin which allows you to handle event registration and ticketing on your own site.To use EventEspresso with Vertoh you will need to purchase it from EventEspresso.com.

Please note that Vertoh only supports version 4.0 Beta and above. Also note that the above integration will only include the display of the ticket selector shortcode.

More advanced integration will require custom development. Once you have purchased and downloaded EventEspresso, you will need to install and activate it. Here is quick guide on how to install and activate EventEspresso.

After installing Event Espresso, the first thing you need to do is to choose a payment method. EventEspresso comes with Invoice, Authorize.net AIM, Bank Draft, Check, PayPal Pro, and PayPal Standard payment methods.

To choose a payment method go to Dashboard and then click on Event Espresso > Settings > Payment Methods. Activate the payment method you want to use, and then provide the details required to use that payment method.

Once you have configured a payment method, the next step is to create your event in the EventEspresso.

Go to the Dashboard and then click on EventEspresso > Events. Click on the Add New Event button to create your event.

eventespresso-addnewevent

Provide your event title, and add the description. Make sure that the event title and description and similar to your event details in Vertoh.

After that scroll down to Event Tickets & Datetime section. There you need to select your event date and time and then enter ticket information. You can create different types of tickets here by clicking on create ticket button.

Once you are satisfied with the event, you can hit the publish button to make it live. EventEspresso will publish your event. On the Event page you will now see shortcode button below the Event Title.

Click on the shortcode button, this will bring up a popup containing a shortcode. This shortcode will look something like this: [ESPRESSO_TICKET_SELECTOR event_id=’316′] .

Copy this shortcode, as you will need it in the next step. To display the ticket registration on the homepage, Go to Dashboard > Appearance > Widgets, and drag and drop Vertoh Registration widget to your Homepage (see section 6.18).

Paste the shortcode you copied earlier in the Main Text field and then paste it in the Registration Embed Code field as well. Don’t forget to click on the save button.

This is how it would look on your homepage:

11.4 WooCommerce

This tutorial is to set up Woocommerce with Vertoh. Woocommerce is a powerful plugin to turn your site into an eCommerce platform. While Woocommerce is not a platform to sell event tickets, we have tweaked it to make it’s product selector a ticket selector. Bear in mind that if you use Woocommerce as your ticketing option in one of our themes, you won’t get specific event functionality.

‘Products’ will become ‘Tickets’ and everything will be geared towards selling tickets, not products. The add to basket functionality will be dedicated only to selling tickets and selling other products than tickets may be compromised. Once you set up Woocommerce, you can go ahead and create your ‘Products’. These will be effectively your tickets.

Our ticket selector can sell:

– External Products

– Grouped Products

– Discounted Products

– Variable Products

– Virtual and Downloadable Products Please refer to Woocommerce documentation to learn more about products.

Once you’ve created your products you will need to place your ticket selector in the Registration Widget. Navigate to Appearance-> Widgets -> Vertoh Registration Now add the shortcode to the area Registration Embed Code Once you save, you should be able to see the ticket selector live on your page.

Note: External Products or Grouped products will display a ‘Read More’ Link.

11.5 – Tickera

Tickera Integration

12. Best Practices and Tips

– We suggest to follow our directions and use the sections as instructed. Using the sections in different ways may result in compromising the layout. We won’t be able to help in that case.

– Install as few Plugins as possible. Vertoh is a very flexible theme that should fulfill all your needs. We custom developed all the different functions. There are no plugins requirements. The performance of your theme is strictly linked to installing as few plugins as possible and to respecting the section purposes.

We remind you we do not offer support or fixes when external plugins are installed. If you install them you do at your own risk.

– Do backup – always. Before making any changes do run a backup. We have a long history of customers losing their work because they did not back up.

13. Language Integration

Here is a tutorial on how to change the language of your WordPress site. If you want to edit the language files we provided, we suggest to use a free software called Poedit.

Here is a comprehensive tutorial on how to do it.

The language files are located in /languages – You will need to save the files here once edited.

Was this article helpful to you? Yes 2 No