{"id":73829,"date":"2024-02-13T08:00:00","date_gmt":"2024-02-13T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/form-send-blocks\/"},"modified":"2025-06-12T14:56:00","modified_gmt":"2025-06-12T14:56:00","slug":"form-send-blocks","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/form-send-blocks\/","title":{"rendered":"Form Send Blocks"},"content":{"rendered":"<p>An overview of the features is below.<br \/>\n\u2013 Provides three blocks: a form that houses a custom block for input, a form that confirms the input content, and a form that displays the results when the form is submitted.<br \/>\n\u2013 We provide a block that sends the content entered from the input block as a notification email to the set administrator and as an automatic response email to the user who entered it.<br \/>\n\u2013 It has a function to store the entered contents in the WordPress database.<\/p>\n<p>Below is an overview of the functions of each block.<br \/>\n1.Input figure<br \/>\nThis block is a block that stores Design Text Control, Design CheckBox, Design Select, and Design Button of BLOCK COLLECTIONS as an inner block and generates a submission form.<br \/>\nBlocks other than these cannot be stored, but there are no particular restrictions on the number.<\/p>\n<ol>\n<li>Confirm figure<br \/>\nThis block checks the contents entered in the Input Figure and generates a form for sending. Display your entries in a table for confirmation. Then click the submit button to submit the form.<\/li>\n<\/ol>\n<p>3.Thanks Figure<br \/>\nThis is a block that generates a form to display the submission results.<br \/>\nYou can set the text of the transmission result and display its contents. You can set a fixed redirect page for the placed button.<\/p>\n<ol>\n<li>Contact Mail Sender<br \/>\nThis block stores the Design Process of Input Figure, Confirm Figure, Thanks Figure, and BLOCK COLLECTIONS as an inner block and generates an inquiry page by email.<br \/>\nWe will send an email notifying you of the inquiry from the web page where this block is placed, as well as an automatic response email to the web page viewer who made the inquiry.<br \/>\nThis content can be stored in the WordPress database, but the current version does not have the ability to display this content. This is a feature for future version upgrades.<\/li>\n<\/ol>\n<h3>Related Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/github.com\/itmaroon\/form-send-blocks\" rel=\"nofollow ugc\">Github<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/itmaroon\/form-send-blocks\/tree\/master\/src\/blocks\" rel=\"nofollow ugc\">source code<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/itmaroon\/block-class-package\" rel=\"nofollow ugc\">block-class-package:GitHub<\/a>  <\/li>\n<li><a href=\"https:\/\/packagist.org\/packages\/itmar\/block-class-package\" rel=\"nofollow ugc\">block-class-package:Packagist<\/a> <\/li>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/itmar-block-packages\" rel=\"nofollow ugc\">itmar-block-packages:npm<\/a>  <\/li>\n<li><a href=\"https:\/\/github.com\/itmaroon\/itmar-block-packages\" rel=\"nofollow ugc\">itmar-block-packages:GitHub<\/a><\/li>\n<\/ul>\n<h3>Arbitrary section<\/h3>\n<ol>\n<li>Style settings that may require responsive support can be set separately for desktop mode (displayed on devices with a width of 768px or more) and mobile mode (displayed on devices with a width of 767px or less). To tell which setting is set, when you switch the display mode in the block editor or site editor, \u201c(Desktop)\u201d and \u201c(Mobile)\u201d will be displayed in the side menu display.<br \/>\nPlease note that responsiveness for tablet display is not supported.<\/li>\n<li>This plugin depends on the <a href=\"https:\/\/ja.wordpress.org\/plugins\/block-collections\/\" rel=\"nofollow ugc\">BLOCK COLLECTIONS plugin<\/a>. This plugin requires installation and activation in order to use it.<\/li>\n<li>Regarding the display of text, etc., settings are made using WordPress\u2019s internationalization function, so it is possible to display text in multiple national languages. Currently, English and Japanese notation is possible.<\/li>\n<li>The Contact Mail Sender block uses jquery.easing for screen transition animation. Therefore, when using this block, please comply with the following terms of use.<br \/>\n<a href=\"https:\/\/github.com\/gdsmith\/jquery.easing\/blob\/master\/LICENSE-BSD-3-Clause.txt\" rel=\"nofollow ugc\">jquery.easing\/LICENSE-BSD-3-Clause.txt<\/a><\/li>\n<li>We use wp_mail for email sending. Therefore, when sending emails from a local environment, it is necessary to install a plugin that provides an SMTP environment such as <a href=\"https:\/\/ja.wordpress.org\/plugins\/wp-mail-smtp\/\" rel=\"nofollow ugc\">WP Mail SMTP by WPForms<\/a>. Is required.<\/li>\n<li>PHP class management is now done using Composer.<br \/>\n<a href=\"https:\/\/github.com\/itmaroon\/block-class-package\" rel=\"nofollow ugc\">GitHub<\/a><br \/>\n<a href=\"https:\/\/packagist.org\/packages\/itmar\/block-class-package\" rel=\"nofollow ugc\">Packagist<\/a> <\/li>\n<li>I decided to make functions and components common to other plugins into npm packages, and install and use them from npm.<br \/>\n<a href=\"https:\/\/www.npmjs.com\/package\/itmar-block-packages\" rel=\"nofollow ugc\">npm<\/a><br \/>\n<a href=\"https:\/\/github.com\/itmaroon\/itmar-block-packages\" rel=\"nofollow ugc\">GitHub<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>This is a block that summarizes the display screen when submitting a form.<\/p>\n","protected":false},"author":65,"featured_media":280431,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Form Send Blocks - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"This is a block that summarizes the display screen when submitting a form."},"footnotes":""},"categories":[1],"tags":[288,1802,6804,163,233],"class_list":["post-73829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block","tag-contact","tag-e-mail","tag-form","tag-gutenberg"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/73829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=73829"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/73829\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/280431"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=73829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=73829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=73829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}