{"id":165859,"date":"2020-10-26T16:26:48","date_gmt":"2020-10-26T21:26:48","guid":{"rendered":"https:\/\/dev.new.datacolor.eu\/how-to-it\/page-block-library\/cta-block-examples\/"},"modified":"2023-01-30T09:02:31","modified_gmt":"2023-01-30T15:02:31","slug":"cta-block-examples","status":"publish","type":"page","link":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/","title":{"rendered":"Esempi di blocchi CTA"},"content":{"rendered":"<section id=\"gutenblock-block_5f973e9dc1d88\" class=\"gutenblock gutenblock--oms-cta \">\n\n        <img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"500\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-1600x500.jpg\" class=\"bg_image\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1.jpg 1600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-300x94.jpg 300w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-1024x320.jpg 1024w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-768x240.jpg 768w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-1536x480.jpg 1536w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-600x188.jpg 600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-992x310.jpg 992w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-1200x375.jpg 1200w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-1000x313.jpg 1000w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-350x109.jpg 350w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-735x230.jpg 735w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-700x219.jpg 700w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-texture1-1600x500-1-100x31.jpg 100w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n        <div class=\"gutenblock-inner\">\n\n            <div class=\"container-fluid l-cta__container\">\n\n                <div class=\"row l-cta__row l-cta__row--left\">\n\n                    <div class=\"col-12 col-lg-6 l-cta__col\">\n                        <div class=\"cta__content text-white\">\n\n\t\t\t    <h3>H3, Testo dell&#8217;intestazione focalizzato sulla conversione per la parte inferiore della pagina &#8211; allineato a sinistra<\/h3>\n<p>Anche se sembra ovvio, \u00e8 necessario pianificare ogni possibile elemento precedente. Questo pu\u00f2 essere facilmente regolato per ogni sito. <a href=\"#\">Prova lo stile del link<\/a>.<\/p>\n\n                                                            <div class=\"cta_links_container mt-4\">\n                                    <a href=\"#\" target=\"\" class=\"cta_link btn-primary\">Pulsante primario<\/a><a href=\"#\" target=\"\" class=\"cta_link btn-secondary\">Pulsante secondario<\/a>                                <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f9740c3c1d8f\" class=\"gutenblock gutenblock--oms-cta \">\n\n        <img decoding=\"async\" width=\"1600\" height=\"500\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500.webp\" class=\"bg_image\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500.webp 1600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-300x94.webp 300w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1024x320.webp 1024w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-768x240.webp 768w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1536x480.webp 1536w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-600x188.webp 600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-992x310.webp 992w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1200x375.webp 1200w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1000x313.webp 1000w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-350x109.webp 350w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-735x230.webp 735w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-700x219.webp 700w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-100x31.webp 100w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-150x47.webp 150w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n        <div class=\"gutenblock-inner\">\n\n            <div class=\"container-fluid l-cta__container\">\n\n                <div class=\"row l-cta__row l-cta__row--middle\">\n\n                    <div class=\"col-12 col-lg-6 l-cta__col\">\n                        <div class=\"cta__content text-white\">\n\n\t\t\t    <h3>H3, Testo dell&#8217;intestazione focalizzato sulla conversione per la parte inferiore della pagina &#8211; allineato al centro<\/h3>\n<p>Testo amichevole che incoraggia ulteriormente l&#8217;utente a scegliere di agire. Donec mollis hendrerit risus. Ut a nisl id ante tempus hendrerit. Maecenas malesuada. Morbi nec metus. Ut a nisl id ante tempus hendrerit. Maecenas malesuada. Morbi nec metus.<\/p>\n\n                                                            <div class=\"cta_links_container mt-4\">\n                                    <a href=\"https:\/\/www.datacolor.com\/how-to\/gutenblocks\/stat-block-examples\/\" target=\"\" class=\"cta_link btn-secondary\">Esempi di blocchi statali<\/a>                                <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f973f03c1d8b\" class=\"gutenblock gutenblock--oms-cta \">\n\n        <img decoding=\"async\" width=\"1600\" height=\"500\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-1600x500.jpg\" class=\"bg_image\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1.jpg 1600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-300x94.jpg 300w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-1024x320.jpg 1024w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-768x240.jpg 768w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-1536x480.jpg 1536w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-600x188.jpg 600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-992x310.jpg 992w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-1200x375.jpg 1200w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-1000x313.jpg 1000w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-350x109.jpg 350w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-735x230.jpg 735w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-700x219.jpg 700w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/hero-footer-colorcantwait-1600x500-1-100x31.jpg 100w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n        <div class=\"gutenblock-inner\">\n\n            <div class=\"container-fluid l-cta__container\">\n\n                <div class=\"row l-cta__row l-cta__row--right\">\n\n                    <div class=\"col-12 col-lg-6 l-cta__col\">\n                        <div class=\"cta__content text-white\">\n\n\t\t\t    <h3>H3, Testo dell&#8217;intestazione focalizzato sulla conversione per la parte inferiore della pagina &#8211; Allineato a destra<\/h3>\n<p>Testo amichevole che incoraggia ulteriormente l&#8217;utente a scegliere di agire. Donec mollis hendrerit risus. Ut a nisl id ante tempus hendrerit. Maecenas malesuada. Morbi nec metus. Ut a nisl id ante tempus hendrerit. Maecenas malesuada. Morbi nec metus.<\/p>\n\n                                                            <div class=\"cta_links_container mt-4\">\n                                    <a href=\"https:\/\/www.datacolor.com\/how-to\/gutenblocks\/stat-block-examples\/\" target=\"\" class=\"cta_link btn-secondary\">Esempi di blocchi statali<\/a>                                <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f973f1ec1d8c\" class=\"gutenblock gutenblock--oms-cta \">\n\n        <img decoding=\"async\" width=\"1600\" height=\"500\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500.webp\" class=\"bg_image\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500.webp 1600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-300x94.webp 300w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1024x320.webp 1024w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-768x240.webp 768w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1536x480.webp 1536w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-600x188.webp 600w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-992x310.webp 992w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1200x375.webp 1200w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-1000x313.webp 1000w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-350x109.webp 350w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-735x230.webp 735w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-700x219.webp 700w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-100x31.webp 100w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/1600x500-150x47.webp 150w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n        <div class=\"gutenblock-inner\">\n\n            <div class=\"container-fluid l-cta__container\">\n\n                <div class=\"row l-cta__row l-cta__row--left\">\n\n                    <div class=\"col-12 col-lg-6 l-cta__col\">\n                        <div class=\"cta__content text-white\">\n\n\t\t\t    <h3>H3, Testo dell&#8217;intestazione focalizzato sulla conversione per la parte inferiore della pagina &#8211; allineato a sinistra<\/h3>\n<p>Pellentesque posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam.<\/p>\n\n                                                            <div class=\"cta_links_container mt-4\">\n                                    <a href=\"https:\/\/www.datacolor.com\/how-to\/gutenblocks\/image-text-gutenblock-examples\/\" target=\"\" class=\"cta_link btn-secondary\">Esempi di Gutenblock immagine\/testo<\/a>                                <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":139069,"menu_order":37,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"Yoast SEO Relevanssi index exclude","footnotes":""},"class_list":["post-165859","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Esempi di blocchi CTA | Datacolor<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Esempi di blocchi CTA | Datacolor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Datacolor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/DatacolorCorporate\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T15:02:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Esempi di blocchi CTA | Datacolor","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"it_IT","og_type":"article","og_title":"Esempi di blocchi CTA | Datacolor","og_url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/","og_site_name":"Datacolor","article_publisher":"https:\/\/facebook.com\/DatacolorCorporate","article_modified_time":"2023-01-30T15:02:31+00:00","og_image":[{"width":800,"height":700,"url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/","url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/","name":"Esempi di blocchi CTA | Datacolor","isPartOf":{"@id":"https:\/\/www.datacolor.com\/it\/#website"},"datePublished":"2020-10-26T21:26:48+00:00","dateModified":"2023-01-30T15:02:31+00:00","breadcrumb":{"@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/cta-block-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"How To &#8211; IT","item":"https:\/\/www.datacolor.com\/it\/come-fare\/"},{"@type":"ListItem","position":2,"name":"Biblioteca a blocchi di pagina"}]},{"@type":"WebSite","@id":"https:\/\/www.datacolor.com\/it\/#website","url":"https:\/\/www.datacolor.com\/it\/","name":"Datacolor","description":"Color Management Solutions","publisher":{"@id":"https:\/\/www.datacolor.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datacolor.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.datacolor.com\/it\/#organization","name":"Datacolor","url":"https:\/\/www.datacolor.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","contentUrl":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","width":259,"height":45,"caption":"Datacolor"},"image":{"@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/DatacolorCorporate","https:\/\/linkedin.com\/company\/datacolor","https:\/\/www.youtube.com\/user\/DatacolorIndustrial"]}]}},"_links":{"self":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/comments?post=165859"}],"version-history":[{"count":1,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165859\/revisions"}],"predecessor-version":[{"id":165862,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165859\/revisions\/165862"}],"up":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/139069"}],"wp:attachment":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/media?parent=165859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}