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
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:
- Home Slider Multi Countdown Settings: Set up the sliders and countdown:
- Home Slider Multi Countdown Item Settings: Add your different countdowns here.
You can select
slider background which can be Image or Video. For Video
background, you should
upload all video types including mp4, ogv and webm.
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.
- Event Title and Title of Get In Touch column (h3 tag)
- Sub Title of Event and Get In Touch column (h4 tag)
- Text Description: This is content title (h5 tag)
- 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.