{"id":62674,"date":"2016-02-24T04:23:43","date_gmt":"2016-02-24T09:23:43","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=62674"},"modified":"2017-09-05T10:55:11","modified_gmt":"2017-09-05T14:55:11","slug":"cherryframework-4-how-to-add-datapicker-to-contact-form","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-add-datapicker-to-contact-form.html","title":{"rendered":"CherryFramework 4. How to add datepicker to contact form"},"content":{"rendered":"

This tutorial shows how to add datepicker to contact form in CherryFramework 4 templates.<\/p>\r\n

CherryFramework 4. How to add datepicker to contact form<\/a><\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

To add a datepicker to contact form, you should do the following:<\/p>\r\n

    \r\n
  1. \r\n

    Log into your WorpPress admin panel.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Navigate to Plugins -> Add New<\/strong>.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Use Upload<\/strong> button and install Contact Form 7 Datepicker<\/a> plugin.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Once the plugin is installed, please activate it:<\/p>\r\n

    \"CherryFramework_4.How_to_add_datapicker_to_contact_form_1\"<\/a>\r\n\t<\/li>\r\n

  5. \r\n

    Navigate to Contact -> Contact Forms<\/strong> section.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Select the desired contact form to edit.<\/p>\r\n<\/li>\r\n

  7. \r\n

    Insert datepicker using Date<\/strong> tag button:<\/p>\r\n

    \"CherryFramework_4.How_to_add_datapicker_to_contact_form_2\"<\/a>\r\n\t<\/li>\r\n

  8. \r\n

    Fill in the fields in the pop up and use Insert Tag<\/strong> button to insert the field into the contact form:<\/p>\r\n

    \"CherryFramework_4.How_to_add_datapicker_to_contact_form_3\"<\/a>\r\n\t<\/li>\r\n

  9. \r\n

    Save settings using Save<\/strong> button.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    CherryFramework 4. How to add datepicker to contact form<\/a><\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial shows how to add datepicker to contact form in CherryFramework 4 templates.<\/p>\n","protected":false},"author":60,"featured_media":62678,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,639,2185,640],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62674"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=62674"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62674\/revisions"}],"predecessor-version":[{"id":83074,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62674\/revisions\/83074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/62678"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=62674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=62674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=62674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}