Zelle Lite Documentation

Zelle Lite ( Former Zerif Lite ) Documentation

Installation & First Steps

Home Page Sections

Additional Information

Installation

Please access your  Purchase History to download the theme. After downloading the theme, navigate to Appearance > Themes > Add New > Upload, in your WordPress dashboard. Now, click the Choose File button, select the archive of your theme from your local computer and press the Install Now button. In a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.

Set the Home & Blog Page

Navigate from your Dashboard to Appearance-> Customize-> Homepage Settings and choose ' A static page' option. The first drop-down menu is for choosing the front page. You can choose any page here, the front page with the sections should appear as in our demo. In the second drop-down, you can choose your blog page. 

Recommended Plugins

Orbit Fox Companion

If you want to take full advantage of the options this theme has to offer, please install and activate OrbitFox Companion plugin.

Configuring Menu

Zelle theme focuses on the one-page parallax design. And to do that, we have divided the front-page of our theme in multiple sections. And linking those sections from the menu is very simple, all you need to do is assign section anchor to the menu. Navigate to  Appearance > Menus, in your WordPress dashboard and create anchors to the sections, as seen below:

Here are all the anchors:

  • Our Focus - #focus
  • About Us - #aboutus
  • Our Team - #team
  • Testimonials - #testimonials
  • Bottom Ribbon - #ribbon_bottom
  • Right Ribbon - #ribbon_right
  • Contact - #contact
  • Subscribe - #subscribe
  • Latest News - #latestnews

Customizations

You can customize the Zelle theme easily by navigating to Appearance > Customize in your WordPress Dashboard.

To add the logo of your website go to Appearance -> Customize and click on the  Site Identity section. In this section, click the Add Logo button to open the Media Manager. Here you can upload a new image, or select one that’s already in your Media Library. Save and publish the changes. 

You can also set the Site title, tagline and the favicon in this section.

Big title Section

To customize the Big title section navigate to  Appearance > Customize > FrontPage Sections > Big title Section. There are two panels in this customizer section, such as Main Content, Parallax effect. The Main Content panel allows you to edit section's content while in the Parallax effect panel you are able to upload two layer images (to experience the parallax effect, the second image should have some transparency in it) and to enable the parallax effect in the theme. 

If you want to replace the big title image with a slider, you can add your slider shortcode under the  Appearance > Customize > FrontPage Sections > Big title Section > Main content section.

The video background is a feature only available in the PRO version of the theme.

About Us Section

To customize About Us section navigate to  Appearance > Customize > Frontpage Sections > About us Section. There are two panels in this customizer section. In the Main Content panel, you can choose if you want to display the section or not and it allows you to edit the section's content. To edit the feature knobs on the right, there are multiple Feature options. 

Our focus Section

To customize the Our Focus section navigate to  Appearance > Customize > Frontpage Sections > Our Focus Section. In this panel, you can choose if you want to display the section or not, and to edit section's title/subtitle. And to add the content to this section, you will have to add Zerif - Our Focus widget.

Clients Area

This section can customized from  Appearance > Customize > Frontpage Sections > Clients Area. To add the client's logo to this section, you need to add some Zerif Clients widgets here.

Our Team Section

To customize Our Team section navigate to  Appearance > Customize > Frontpage Sections > Our Team Section. In this panel, you can choose if you want to display the section or not, and to edit the section's title/subtitle. And to add content to the section, you will have to add Zerif - Our Team widget from Our team section widgets.

Testimonials Sections

To add Testimonials of your clients to your website, you can navigate to  Appearance > Customize > Frontpage Sections > Testimonials Section. Here you can choose if you want to display the section or not, or show the Pinterest layout, and to edit the section's title/subtitle. In order to add the testimonials, you will have to add Testimonials widgets from Testimonials section widgets.

Ribbon Sections

Zelle lite theme comes with two ribbon sections -  BottomButton Ribbon & RightButton Ribbon. To customize them you can navigate to Appearance > Customize > Frontpage Sections > Ribbon sections, and there you can find two ribbons. PS: The ribbon will only appear on your site when you will add some text to it.

Contact Section

You need to install  WPForms plugin to create a contact form in Zelle Lite theme. After activation go to WPForms and create a form. 

To make it easy for you to get the contact form template of Zelle we created a WPForms   template that you will need to import into WPForms. In your dashboard navigate to  WPForms > Tools, and under WPForms Import click "Select File" and upload the template you previously downloaded, then click "Import". Once the import was successfully finished, you can go and check your forms and you'll see a newly created form named "Zelle".

Now copy the shortcode of form and navigate to the " Contact us section" in Customizer > Frontpage sections > Contact us section. There, paste your code in the "Contact Form Shortcode" input, click Publish and you're all set.

If you don't want to use WPform plugin,  you  can add the shortcode of any contact form plugin. 

You can change the title subtitle and button label from  Appearance > Customize > Frontpage Sections > Contact Us Section. There you can configure the email which you want to use to receive these emails. You can add your site and secret keys to enable reCaptcha to prevent spam. If you're unable to receive after configuring your contact section settings, then check this troubleshooting guide.

Latest News Section

Latest News section displays your latest blog posts on the front page of your site. You can configure the display settings from  Appearance > Customize > Frontpage Sections > Latest News Section. You can choose if you want to display the section or not and edit section's title/subtitle.

In order to show posts in this section please make sure you have some published posts in your dashboard. You can create a post by navigating to Posts > Add New, in your WordPress dashboard. Make sure to  add a featured image to your blog posts. And the number of blog posts displaying can be configured from Settings > Reading settings. It's 8, by default.

To set up the footer of this theme, go to Appearance -> Customize -> Footer Options; here you can add social icons and change the footer content and copyright text. 

Advanced Options

This theme provides some additional features like disable/enable the preloader or smooth scroll. Background image option is also available. You can change the title and sub-title of blog page from Appearance -> Customize -> Advanced Options -> Blog Header Options.

Suggested Image Sizes

  • Background Image/Slider/Video: 2048×1365px, 20mb mp4 video
  • Our Focus - 150x150px
  • Our Team - 174x174px
  • Testimonial - 73x73px
  • Client Logo - 130x50px

Translate Zelle

Single Language:

Zelle works with translation plugins like Loco TranslateHow to translate Zelle with Loco Translate.

We also have translations available for plenty of popular languages  here. You can simply download and use the translated .po and .mo files.

Multiple Languages:

To translate the Zelle in multiple languages, you can use the plugins like Polylang or WPML.  Following links explains in detail how it works:

Why upgrade to Zelle Pro?

You have not yet decided between Zelle Lite and its premium version Zelle Pro?

Don't worry :) Here is a comparison table between their features:

Is also worth noting a few things :

  • You can easily cancel the yearly subscription immediately after purchase if is not something you wanna have, if you stop paying after 1 year you won't have support&updates, the theme will continue to work, you paid for the theme and is yours :)
  • Upgrading Zelle is very smooth, just upload & activate Zelle Pro and you will automatically get access to the extra features, the website won't break nor you need to re-configure it
  • The current price for upgrading is $89 and you get access to all our products ( themes and plugins ), we know that you might have only just 1 site, but we can assure you the deal is worth even for that, you get the peace of mind that if a new version of WordPress is released or something broke, we have your back, support time currently for paid users is in average 4 hours.

Upgrade to Zelle PRO

For the Spanish version of the Zelle Lite documentation, you can check out this link: TUTORIAL DE ZELLE LITE EN ESPAÑOL.