{"id":29229,"date":"2021-03-01T14:01:52","date_gmt":"2021-03-01T07:01:52","guid":{"rendered":"https:\/\/docs.kirim.email\/?post_type=kb&#038;p=29229"},"modified":"2021-12-29T14:13:19","modified_gmt":"2021-12-29T07:13:19","slug":"how-to-edit-display-form","status":"publish","type":"kb","link":"https:\/\/docs.kirim.email\/en\/kb\/how-to-edit-display-form\/","title":{"rendered":"How To Edit Display Form"},"content":{"rendered":"\n<p>In KIRIM.EMAIL, you can set the form as you want to. Please do the following instructions below:<\/p>\n\n\n\n<p>1. Login to aplikasi.kirim.email.<br>2. Click on the Forms menu.<br>3. Create a new or edit the existing form.<br>4. Make sure the form status is ON to show in the Appearance section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Show or Hide Headline and Description on The Form<\/h2>\n\n\n\n<ul><li><strong>Switch On <\/strong>Form Only pin the Appearance section for hiding headline and description form. <\/li><li><strong>Switch Off<\/strong>\u00a0Form Only in the Appearance section for\u00a0<strong>showing<\/strong>\u00a0headline and description form.<br><br><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-16.png?ssl=1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"660\" height=\"621\" class=\"wp-image-29161\" style=\"width: 640px;\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-16.png?resize=660%2C621&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-16.png?w=660&amp;ssl=1 660w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-16.png?resize=300%2C282&amp;ssl=1 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" data-recalc-dims=\"1\" \/><\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Choose Color Theme<\/h2>\n\n\n\n<p><span style=\"font-size: 16px;\">The color theme is only for the display form. Slide and Bar are not available.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">There are three colors theme that you could choose, such as: :<\/span><\/p>\n\n\n\n<ol><li><strong>Default.<\/strong> KIRIM.EMAIL base color as a default display. By clicking this option, you could change background, text, button, and bullets color.<br><br><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-37.png?ssl=1\"><img decoding=\"async\" width=\"651\" height=\"634\" class=\"size-full wp-image-29163 aligncenter\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-37.png?resize=651%2C634&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-37.png?w=651&amp;ssl=1 651w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-37.png?resize=300%2C292&amp;ssl=1 300w\" sizes=\"(max-width: 651px) 100vw, 651px\" data-recalc-dims=\"1\" \/><\/a><br><br><\/li><li><strong>Light<\/strong>. Light shades with a transparent background. By clicking this option, you could change text, button, and bullets color. But you <strong>won&#8217;t be able<\/strong> to change the background color. <br><br><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-41.png?ssl=1\"><img decoding=\"async\" width=\"659\" height=\"627\" class=\"size-full wp-image-29165 aligncenter\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-41.png?resize=659%2C627&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-41.png?w=659&amp;ssl=1 659w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-41.png?resize=300%2C285&amp;ssl=1 300w\" sizes=\"(max-width: 659px) 100vw, 659px\" data-recalc-dims=\"1\" \/><\/a><br><br><\/li><li><strong>Dark. <\/strong>Dark tone with transparent background. By clicking this option, you could change text, button, and bullets color. But you <strong>won&#8217;t be able<\/strong> to change the background color.<br><br><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-42_1.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"632\" class=\"size-full wp-image-29167 aligncenter\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-42_1.png?resize=658%2C632&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-42_1.png?w=658&amp;ssl=1 658w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-42_1.png?resize=300%2C288&amp;ssl=1 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" data-recalc-dims=\"1\" \/><\/a><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Customizing Theme Color<\/h2>\n\n\n\n<p>By choosing which color do you want, you could customize it with your style.<\/p>\n\n\n\n<p>Follow these instructions below:<\/p>\n\n\n\n<ol><li>Pick one from 3 theme colors.<\/li><li>On the background color section, click the color that you desire. You will be able to set the type color into RGB, HSL, or Hexadecimal.<br><br><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-49.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"635\" class=\"wp-image-29169\" style=\"width: 640px;\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-49.png?resize=661%2C635&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-49.png?w=661&amp;ssl=1 661w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-49.png?resize=300%2C288&amp;ssl=1 300w\" sizes=\"(max-width: 661px) 100vw, 661px\" data-recalc-dims=\"1\" \/><\/a><br><br><\/li><li>Repeat the second instruction for another part, such as Text Color in Form Content and Background Color &amp; Text Color in the Submit Button.<\/li><li>Pay attention to the change that occurs in the DESIGN section.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Reset to Default<\/h2>\n\n\n\n<p>If you make a mistake or are not satisfied with the display, you could click Reset to Default to return the display form as before.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-54.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"507\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-54.png?resize=658%2C507&#038;ssl=1\" alt=\"\" class=\"wp-image-29171\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-54.png?w=658&amp;ssl=1 658w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/02\/2021-02-24_21-54.png?resize=300%2C231&amp;ssl=1 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" data-recalc-dims=\"1\" \/><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Publishing Form<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/12\/Create-Form-28-.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"613\" height=\"633\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/12\/Create-Form-28-.png?resize=613%2C633&#038;ssl=1\" alt=\"\" class=\"wp-image-30381\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/12\/Create-Form-28-.png?w=613&amp;ssl=1 613w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2021\/12\/Create-Form-28-.png?resize=291%2C300&amp;ssl=1 291w\" sizes=\"(max-width: 613px) 100vw, 613px\" data-recalc-dims=\"1\" \/><\/a><\/figure>\n\n\n\n<p>After you set the display form, now is time to publish it. You could choose one from four options provided, such as:<\/p>\n\n\n\n<ol><li>Hosted<\/li><li>Javascript<\/li><li>HTML<\/li><li>iFrame.<\/li><\/ol>\n\n\n\n<p>Last but not least, don\u2019t forget to click \u201cSave\u201d at the right corner to save all of your changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In KIRIM.EMAIL, you can set the form as you want to. Please do the following instructions below: 1. Login to aplikasi.kirim.email.2. Click on the Forms [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"kbtopic":[42],"kbtag":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/29229"}],"collection":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/comments?post=29229"}],"version-history":[{"count":5,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/29229\/revisions"}],"predecessor-version":[{"id":30769,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/29229\/revisions\/30769"}],"wp:attachment":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/media?parent=29229"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kbtopic?post=29229"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kbtag?post=29229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}