{"id":13217,"date":"2024-03-20T15:23:34","date_gmt":"2024-03-20T14:23:34","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/fetch-and-customize-the-html-code-of-a-blendee-form\/"},"modified":"2024-03-20T15:23:34","modified_gmt":"2024-03-20T14:23:34","slug":"fetch-and-customize-the-html-code-of-a-blendee-form","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/fetch-and-customize-the-html-code-of-a-blendee-form\/","title":{"rendered":"Fetch and customize the HTML code of a Blendee form"},"content":{"rendered":"

After creating our form (for more info go to the dedicated section<\/a>), we can download the HTML code to be able to insert it directly into the pages of our website.
\nFrom the “Website – Forms” section, select the form whose code we want and click on “Manage -> Fetch HTML”.<\/p>\n

\"\"<\/a><\/p>\n

A screen will open from which we can copy the HTML code and paste it into our Website.<\/p>\n

\"\"<\/a><\/p>\n

Form Validation<\/h3>\n

As with forms that are inserted into Behavioural Messages, once you click on the “submit” button of the form, the class will be added “.adb-invalid”<\/strong> to the requested and uncompiled inputs and to the invalid inputs and it will be possible to create the appropriate CSS rules, within the style sheet of the website, for the management of the error graphics<\/p>\n

Step form<\/h3>\n

If the form we are going to paste into our website is a Steps Form, we can insert any animations, with CSS.
\nThe first and subsequent step form advances are appended with the “.adb-activeStep”<\/strong> class for the currently active step and the “adb-hiddenStep”<\/strong> class for the other steps.<\/p>\n

\n

Was this content useful?<\/strong><\/div><\/p>\n

Thanks for contributing!<\/p>\n

\nYes<\/a>\nNo<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

After creating our form (for more info go to the dedicated section), we can download the HTML code to be able to insert it directly into the pages of our website. From the “Website – Forms” section, select the form whose code we want and click on “Manage -> Fetch HTML”. A screen will open […]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[603],"article-tag":[604,610,616,615],"class_list":["post-13217","article","type-article","status-publish","format-standard","hentry","article-category-web-site-forms-en","article-tag-form-en","article-tag-forms-en","article-tag-how-to-set-up-a-form","article-tag-steps-forms-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13217"}],"collection":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13217\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=13217"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=13217"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=13217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}