There are a lot of elements which are default elements of Visual Composer and shortcodes developed by TemPlaza. It is required to install TZ Plazart and Visual Composer plugin before using these elements. Then you click Add Element to open element table:

Important: This is a general instruction of some frequent elements used to make up your website like our demo. Each element is set default value of padding is 50px. To offset this padding, you can open Row Setting and set up padding again with new value is 0px or other value.

There are 5 menu types. In this element,you can set up your logo in 2 types: Image and Texts and select menu created in Appearance --> Menus.

You can also select menu position which can be Fixed or Relative. If your menu is fixed, it will be shown

Notice:

  • Logo image/ text added in this element will be shown on your Home Pages only and pages using this element.
  • To change logo for whole site (not Home Pages), go to Theme Option --> Logo & Favicon

There are 3 title types: Type 1, type 2 and type 3.

With this element, you can not only show your images in Slider style but also add your video in your page. Besides,it is impossible to insert and show countdown in your slider

In this element, there are 4 tabs for you to add your information: Slider Home, Social Network, Text Box and Countdown

  • Slider Home: You can select to show Slider or Video and configure other related information. For Slider type, you can choose transition effect, transition speed, auto Play, etc. With Video Background type, you have to all video formats including .mp4,.ogv and .webm
  • Social Network: You can add your social links here.
  • Text Block: In this tab, you can insert some short information on your slider/ video. You can also insert buttons with associated links.

    Information Click Button One page option allows you to decide if 2 buttons in sliders are linked within home page or not.

    • If Yes, these 2 buttons are linked to a part/section within home page. You can add ID of targeted parts in Link Button 1 & 2.
    • If No is selected, it means they are linked to external links which are added in Link Button 1 & 2.
  • Countdown: You can select to show or hide this countdown.

VISIT OUR DEMO:

Since Meetup version 1.4.9, this new element is added. WIth this double element, you can add multiple countdowns and display them in slider. There are 2 parts of this element:

To create same style of Countdown in home 9, you have to add a class home9 to Row Settings of this element.

With this element, you can introduce shortly about your website, company or your services. You are able to upload an image, your external links and description.

To add your Vimeo and YouTube video with new style, you can use this element. With this element, you can add a background image to make up your video.

If you want to create a list of frequent asked questions and answers, besides FAQ element - a default element of Visual Composer, you can use this new element created by TemPlaza - Asked Questions. You can easily add icon, question and answer and display them in new style.

This element includes 2 parts: Text Block & Slider

  • Text Block: You can select to show/hide this part easily and edit your content in Text Editor. You can also add a button under your content.
  • Slider: Upload your images here. You can also set up other configurations.

With this element, you can show your speakers involving your meetup. It is easy to adding associated information of each speakers. There are 3 tabs for you to insert data.

  • Speakers: Upload image and enter personal information: Name, Job, and other extra information. In this tab, check Use Excerpt if you want to add short description for each speaker.
  • Social Network: Add social network links which are Facebook, Twitter, Flickr, Google+ and Instagram
  • Effects Lightbox: Upload an image which will appear in lightbox and select different lightbox effects. You can overlook different effect here: http://tympanus.net/Development/ModalWindowEffects/
  • Speaker Hover: Select to show Social Network or Text when hover.

You can refer to our demo here to see how it looks like.

It is easy to add your partner images and insert external links with this element. When you add add these links, you have to separate them by using Enter in your key board. Also, you should arrange in correct order corresponding to your image order.

This is another way to add your partner images and insert external links with this element. This double element allows you to add each partner image separately. It includes 2 parts:

  • Partner New Setting: Set up how your partner images display.
  • Partner New Item Setting: Add your partner image.

This element allows you to show your latest posts and articles. You can select blog categories displayed, total posts presented and order them easily.

You can configure the element in 2 tabs: Blog Posts and Option Blog

With this element, you can show your team member information in a new way.

  • Member tab: You can add member image, name, job. You can easily add extra information about your member in text editor.
  • Social Network tab: Add social networks such as Facebook, Twitter, Flickr, Google+ and Instagram
  • Effects Lightbox tab: In this tab, you can can upload another image which will be shown when lightbox is opened. Lots of effects are supported. You can refer to this link to see each effect visually.

With this element, you can show your events vertically in a new style. This double element also includes 2 main settings:

  • Event Meetup Settings: Add the element title and sub title here.
  • Event Meetup Item Settings: Add your event information including Start time, Duration, Event title and description.

There are 2 settings in this element: Register Meetup Settings & Register Meetup Item Settings. But in this element, you just need to add your information in Register Meetup Item Settings.

Besides Google Map element - a default element of Visual Composer, this element allows you to show your position in a new way. You can go to Google Maps

to get iframe and add it to this element.

How to get Iframe:

With this element, you can provide all your detail contact information clearly. There are 2 styles available for you.

Type 1: All your information is in 1 vertical column. After select Type 1 in General tab, a new Type 1 tab will appear for you to add information.

Type 2: In this new type, your content is divided into 2 columns. After select type 2 in General tab, 2 other tabs named Type 2 Event & Type 2 Get In Touch will appear.

  1. Event Title and Title of Get In Touch column (h3 tag)
  2. Sub Title of Event and Get In Touch column (h4 tag)
  3. Text Description: This is content title (h5 tag)
  4. Description: This is content (p tag)

You can use this element to show your data in small pieces.

This element help you to create a reservation form easily. To use this element, you should make sure that you have Contact Form 7 plugin installed.

Then, you follow steps below to apply this plugin.

  • Step 1: You go to Dashboard --> Contact --> Add new and create a new form.
  • Step 2: Delete default form and use new form mentioned below.
  • Step 3: Save your new form.
  • Step 4: Open your page and add Contact Form 7 element. Then, you can select which form you want to use.

Form 1 (Register form)

         <div class="tz_meetup_paypal_wpcf7-form">

         <p><label>Full Name or company name*</label><br />[text* text-610 id:name_paypal placeholder "FULL NAME *"]</p>

         <p><label>email address*</label><br />[email* email-78 placeholder "info@templaza.com"]</p>

         <p><label>phone number</label><br />[tel tel-633 placeholder "+45 8 234 0209"]</p>

         <p class="tz_meetup_quantity_paypal"><label>quantity*</label><br /><sub class="tz_meetup_quantity_paypal_input">[number number-850 min:1 max:1000 id:number_item placeholder "1"]</sub></p>

         <p><label>address street</label><br />[text text-502 placeholder "Address Street"]</p>

         <p class="tz_meetup_amout_item_paypal">[text* text-347 id:amout_item placeholder "2"]</p>

         <p class="tz_meetup_btn_paypal">[paypalsubmit email:tuyennv@templaza.com itemamount:amout_item itemname:name_paypal quantity:number_item return_url:http://192.168.1.5/dieplk/maniva-meetup/wordpress/ cancel_url:http://192.168.1.5/dieplk/maniva-meetup/wordpress/ sandbox "pay and register"]</p>

         </div>
    

Form 1 DEMO:

Form 2 (Contact Page):

        <div class="tz_meetup_wpcf7-form">

        <p>[text* text-610 placeholder "FULL NAME *"]<i class="fa fa-users"></i></p>

        <p>[email* email-78 placeholder "info@templaza.com"]<i class="fa fa-envelope-o"></i></p>

        <p>[text your-subject placeholder "SUBJECT"]<i class="fa fa-sort-desc"></i></p>

        <p class="tz_meetup_contact_textarea">[textarea* textarea-410 placeholder "YOUR MESSAGE *"]<i class="fa fa-commenting-o"></i></p>

        <p>[submit "send message now"]</p>

        </div>
    

Form 2 DEMO:

You can add your twitter messages in sliders easily.

Accompanying with default button elements of Visual Composer, this element allows you to add a button easily with a new style. You can view our demo to have more detail here.

This is a double element including 2 parts: Pricing settings & Pricing Item Settings

  • Pricing Settings: Enter content of Book Event box which is linked directly from Pricing Table. In this lightbox, the form is created with Contact Form 7 element.
  • Pricing Item Settings: Add pricing item with different information here.

Visist our demo: Pricing Table

There are 4 types available. You can visit our demo to see different types.

Notice: To use this element, make sure that you install The Event Calendar plugin and have events available.

In version 1.5.1, this new element is added. This Slider Feature Events element will show your events which are created in Dashboard --> Events --> Add New in Slider style. In this version, you just enter the event titles you want to include in slide and adđ other information.

EVENT REGISTER FORM:

To create this form, you go to Dashboard --> Contact --> Add New. Then, you replace the default form with the demo form here:

                    <p class="tz_features_name_event_input">[text text-226 class:tz_features_name_event]</p>

                        [email* email-876 placeholder "Email address"]

                        [tel* tel-30 placeholder "Phone Number"]

                        [number number-580 min:1 max:100 placeholder "Quantity"]

                        [text text-227 placeholder "I’m attending to"]

                    <p class="tz_features_register_event">[submit "register me"]</p>
                

Notice: To use this element, make sure that you install The Event Calendar plugin and have events available.

In version 1.5.1, this new element is added. This Slide Events element will show your events which are created in Dashboard --> Events --> Add New. Events belonging to event categories selected in this element will be shown in slider.

Notice: To use this element, make sure that you install The Event Calendar plugin and have events available.

In version 1.5.1, this new element is added. This Slide Events element will show your events which are created in Dashboard --> Events --> Add New. You can select a featured event and show it in your home page.

This element allows you to show your images in a new interesting style. You can upload an image to be thumbnail and also upload your other images in your gallery.