Widgets

Default Widgets

This theme work with any default wordpresss widget. It also provide Video Widget and Ordered Post Widget. You can easy it easly.

in this document, I'll help you to add widgets same as my demo.

Newsletter Widget.

For demo site, we're using Mailchimp for subscribe users and send email.

However if you're using other mail provider, subscribe service , you can try with their way or using plugins. In this document, we only help you to use the mailchimp services.

• First, you need to sign up Mailchimp. It's free and very easy.
• Then, you need to create a new list. Here's a tutorial for you.
• Then you need to use this mailchimp plugin
• Then you need to find your mailchimp api key. This is a tutorial for you
• From wp-admin -> MailChimp for WP -> MailChimp Settings enter you api key.
• MailChimp for WP -> Form and choose options:
  1. Load styles or theme? : No
  2. Form mark-up : You can try to add more fields.

     <div class="promote-box" style="background-color: #f7f7f7;">
     <div class="promote-box-subtitle"><span>SUBSCRIBE</span></div>
     <div class="promote-box-title">NEWSLETTER</div>
     <div class="promote-box-des">I'd love to share my experience to help you build websites from scratch to reach your goals, which you can't find elsewhere</div>
     <input type="text" id="mc4wp_FNAME" name="FNAME" placeholder="Your name" required />
     <input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email" required />
     <input type="submit" value="SUBSCRIBE ME" />
     </div>
     

Promote Box Widget

This widget show a promote box to our site at sidebar

Post Tabs Widget

This widget show 3 tabs of posts: Featured, Comment, Random.

Featured Posts Widget

This widget show a list with posts marked as featured post.

Video Widget

This widget support show a video with 2 format: Youtube & Vimeo.

Twitter Widget

We're using this plugin

• You need to login twitter and create a new app. Go to here
• Then go to your app page and find the api key. You also need to create access token
• Enter your api key and access tolen at Wp-admin => Setting => Twitter API
• Then you can use twitter widget right now!

Contact Page

To create a contact form in contact page , you need use contact form 7

• wp-admin => Contact => Add New to create new contact form
• Then you will have the shortcode to display contact form. parse it into contact page.
• Here is the full contact form shortcodes:

  [column width="1_2"]
  Lorem ipsum dolor sit amet, no qui dicam voluptua, ei nec melius latine repudiandae. Ei mea atomorum intellegam, has dolorum suavitate referrentur ei. Movet possit adipiscing ex vel. Nec essent honestatis ad. Pri feugiat detracto mandamus an, affert possim deseruisse ei duo. Ex tacimates urbanitas dissentias mei.
  Mel ad labores menandri. Cu stet nobis causae pri. Id vim ipsum persius praesent, vel iisque praesent id. Eu falli viris fabulas pri, te qui viris nostrud, paulo aliquid verterem et usu.
  Get in touch
  [social type="dropbox" url="#"]
  [social type="dribbble" url="#"]
  [social type="facebook" url="#"]
  [social type="flickr" url="#"]
  [social type="twitter" url="#"]
  [/column]
  [column width="1_2" last="1"]
  [contact-form-7 id="79" title="contact page"]
  [/column]