{"id":780,"date":"2022-06-30T09:17:54","date_gmt":"2022-06-30T09:17:54","guid":{"rendered":"\/?page_id=780"},"modified":"2022-06-30T09:17:54","modified_gmt":"2022-06-30T09:17:54","slug":"cta-patterns","status":"publish","type":"page","link":"https:\/\/draliashrafi.ir\/en\/cta-patterns\/","title":{"rendered":"CTA Patterns"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"alignwide wp-block-heading\">Call to action patterns<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p style=\"font-size:16px\">Call to action patterns are built to encourage site visitors to take action. Whether it&#8217;s signing up for your newsletter, purchasing products, or creating an account\u4e00these patterns will help you achieve your site\u2019s goals.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0000000d;color:#0000000d\"\/>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained\">\n<h2 class=\"has-text-align-center has-primary-color has-text-color has-extra-large-font-size wp-block-heading\">A call to action (CTA) is an instruction to the audience designed to provoke an immediate response.<\/h2>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#00000012;color:#00000012\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-heading-font-font-family has-extra-large-font-size is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:100px\">Find Out More<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size has-heading-font-font-family has-extra-large-font-size\"><a class=\"wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:100px\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#00000012;color:#00000012\"\/>\n\n\n\n<div style=\"height:4vh\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:3vw;padding-left:2vw;flex-basis:55%\">\n<h2 class=\"has-larger-font-size wp-block-heading\" style=\"line-height:1.1\">Headline of great importance<\/h2>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:86%\">\n<p>Call to action (CTA) is an instruction to the audience designed to provoke an immediate response.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:2vw;padding-left:2vw\">\n<div class=\"wp-block-buttons button-align-on-mobile--left is-horizontal is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-heading-font-font-family has-extra-large-font-size is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:100px\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:5vh\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#00000012;color:#00000012\"\/>\n<\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-color has-text-color is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-secondary-color has-primary-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:50px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer l-desktop-only\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:1vw;padding-left:4vw;flex-basis:55%\">\n<h2 class=\"has-background-color has-text-color has-larger-font-size wp-block-heading\" style=\"line-height:1.1\">Headline of great importance<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<p class=\"has-background-color has-text-color\">Call to action (CTA) is an instruction to the audience designed to provoke an immediate response.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw\">\n<div class=\"wp-block-buttons button-align-on-mobile--left is-horizontal is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size has-heading-font-font-family has-extra-large-font-size\"><a class=\"wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button\" style=\"border-radius:100px\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer l-desktop-only\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#cc6404;padding-top:50px;padding-right:50px;padding-bottom:70px;padding-left:50px\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"has-text-align-center has-background-color has-text-color has-extra-large-font-size wp-block-heading\">Headline of great importance<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-4 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-heading-font-font-family has-extra-large-font-size is-style-outline--3\"><a class=\"wp-block-button__link has-background-color has-text-color wp-element-button\" style=\"border-radius:100px\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"padding-top:0vw;padding-right:0vw;padding-bottom:0vw;padding-left:0vw;min-height:70vh;aspect-ratio:unset;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1044\" alt=\"\" src=\"https:\/\/block-patterns.s3.eu-west-1.amazonaws.com\/images\/Mask-Group-22.png\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9 wp-block-group-is-layout-constrained\">\n<h2 class=\"has-text-align-center has-background-color has-text-color has-larger-font-size wp-block-heading\">Headline of great importance<\/h2>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size has-heading-font-font-family has-large-font-size\"><a class=\"wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button\" style=\"border-radius:100px\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Call to action patterns Call to action patterns are built to encourage site visitors to take action. Whether it&#8217;s signing up for your newsletter, purchasing products, or creating an account\u4e00these patterns will help you achieve your site\u2019s goals. A call to action (CTA) is an instruction to the audience designed to provoke an immediate response.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/pages\/780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":0,"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/pages\/780\/revisions"}],"wp:attachment":[{"href":"https:\/\/draliashrafi.ir\/en\/wp-json\/wp\/v2\/media?parent=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}