{"id":364,"date":"2023-05-26T06:36:04","date_gmt":"2023-05-26T06:36:04","guid":{"rendered":"https:\/\/nt.jaygregorio.com\/support\/?post_type=ht_kb&#038;p=364"},"modified":"2023-05-26T09:45:27","modified_gmt":"2023-05-26T09:45:27","slug":"how-to-embed-custom-opt-in-form-in-negosyo-toolkit","status":"publish","type":"ht_kb","link":"https:\/\/nt.jaygregorio.com\/support\/knowledge-base\/how-to-embed-custom-opt-in-form-in-negosyo-toolkit\/","title":{"rendered":"How to Embed Custom Form in Negosyo Toolkit?"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">To create a custom form, you can follow these steps:<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1.. Go to<strong> Form Builder<\/strong> &gt; <em>All forms<\/em> \u201c<strong>Add a new form<\/strong>\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-1024x447.webp\" alt=\"\" class=\"wp-image-365\" width=\"768\" height=\"335\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-1024x447.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-300x131.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-768x335.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form-1536x670.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form.webp 1897w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Within the form builder plugin, look for an <strong>option to create a new form<\/strong> by selecting <strong><em>Category<\/em><\/strong>\u201d. Click on it to start <strong>building <\/strong>your form. You&#8217;ll usually have a <em>drag-and-drop<\/em> interface or <em>form fields<\/em> that you can customize according to your requirements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-1024x404.webp\" alt=\"\" class=\"wp-image-366\" width=\"768\" height=\"303\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-1024x404.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-300x118.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-768x303.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-50x20.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2-1536x607.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form2.webp 1907w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208-1024x495.png\" alt=\"\" class=\"wp-image-368\" width=\"768\" height=\"371\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208-1024x495.png 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208-300x145.png 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208-768x371.png 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208-50x24.png 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-26-101208.png 1510w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. To customize any opt-in form, click \u201c<strong>New Blank Form<\/strong>\u201d and<em> drag and drop form fields<\/em> onto your form builder canvas to create the desired form structure. Common form fields include <strong>text fields<\/strong>, <strong>checkboxes<\/strong>, <strong>radio buttons<\/strong>, <strong>dropdown menus<\/strong>, <strong>file upload fields<\/strong>, and <strong><em>more<\/em><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-1024x434.webp\" alt=\"\" class=\"wp-image-369\" width=\"768\" height=\"326\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-1024x434.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-300x127.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-768x326.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-50x21.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1-1536x651.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form3-1.webp 1915w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br>*<em>Customize each field&#8217;s properties, such as labels, placeholders, validation rules, and required fields.<\/em>*<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-1024x411.webp\" alt=\"\" class=\"wp-image-370\" width=\"768\" height=\"308\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-1024x411.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-300x120.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-768x308.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-50x20.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4-1536x617.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form4.webp 1908w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Once you&#8217;ve finished designing your form, &#8220;<strong>save it&#8221;<\/strong>, and <strong><em>copy<\/em><\/strong> the <strong>shortcode <\/strong>or <strong>embedded code<\/strong> provided by the form builder plugin. You can then <em><strong>paste<\/strong> <\/em>this shortcode into the desired location on your website, such as a <strong>page<\/strong>, <strong>post<\/strong>, or <strong>widget area<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-1024x446.webp\" alt=\"\" class=\"wp-image-371\" width=\"768\" height=\"335\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-1024x446.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-300x131.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-768x335.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5-1536x669.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form5.webp 1630w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><em>For the \u201c<strong>Post<\/strong>\u201d Example:<\/em><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Go to \u201c<strong>All Post<\/strong>\u201d under <em>Publish <\/em>Section, <strong>choose <\/strong>what post where you want to add the <em>embedded or shortcode,<\/em> and click \u201c<strong>Edit<\/strong>\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-1024x505.webp\" alt=\"\" class=\"wp-image-372\" width=\"768\" height=\"379\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-1024x505.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-300x148.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-768x379.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-50x25.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7-1536x758.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/for7.webp 1569w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the <strong>(+) button<\/strong>, search \u201c<strong>Shortcode<\/strong>\u201d and <strong><em>paste the code<\/em><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-1024x392.webp\" alt=\"\" class=\"wp-image-377\" width=\"768\" height=\"294\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-1024x392.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-300x115.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-768x294.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-50x19.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9-1536x588.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/05\/form9.webp 1572w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. After embedding the form, <strong>update<\/strong> your page or post changes and <em>preview<\/em> or <em>publish<\/em> it. You should now see the form <em><strong>displayed <\/strong><\/em>on your website.<br><br>6. It&#8217;s crucial to test your form to <strong>ensure <\/strong>it functions as <em>intended<\/em>. <strong>Fill out<\/strong> the form, <strong>submit <\/strong>it, and <strong>verify <\/strong>that you <em>receive the form<\/em> submission or perform any desired actions associated with the form. <br><br><br>By following these steps, you can create a <strong>functional form<\/strong> in <em><a rel=\"noreferrer noopener\" href=\"https:\/\/negosyotoolkit.com\" data-type=\"URL\" data-id=\"https:\/\/negosyotoolkit.com\" target=\"_blank\"><strong>Negosyo Toolkit<\/strong><\/a><\/em> using the form builder plugin. Remember to regularly update your form and adjust its settings as needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br><br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To create a custom form, you can follow these steps: 1.. Go to Form Builder &gt; All forms \u201cAdd a new form\u201d 2. Within the form builder plugin, look for an option to create a new form by selecting Category\u201d. Click on it to start building your form. You&#8217;ll usually have a drag-and-drop interface or&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"ht-kb-category":[129],"ht-kb-tag":[],"class_list":["post-364","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-form-builder"],"_links":{"self":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":2,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/364\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/364\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/media?parent=364"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=364"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}