{"id":11128,"date":"2024-08-20T12:38:57","date_gmt":"2024-08-20T12:38:57","guid":{"rendered":"https:\/\/spreecommerce.org\/?post_type=cpt_integrations&#038;p=11128"},"modified":"2024-08-21T13:25:17","modified_gmt":"2024-08-21T13:25:17","slug":"storyblok-and-spree-integration","status":"publish","type":"cpt_integrations","link":"https:\/\/spreecommerce.org\/integrations\/storyblok-and-spree-integration\/","title":{"rendered":"Storyblok and Spree integration"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/www.storyblok.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Storyblok<\/a>&nbsp;is the world\u2019s first&nbsp;<a href=\"https:\/\/spreecommerce.org\/headless-ecommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">headless<\/a>&nbsp;CMS that caters to both developers and business users. A conventional CMS makes it difficult to reuse content on other platforms. While other headless solutions may be more adaptable for developers, editors may find their capabilities too narrow.<\/strong><\/p>\n\n\n\n<p><strong>Instead, Storyblok offers a solution with visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.<\/strong><\/p>\n\n\n\n<p>The benefits of using Storyblok for your ecommerce business<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">VISUAL EDITOR<\/h3>\n\n\n\n<p>Let\u2019s users edit websites on the fly and improves team productivity by allowing them to collaborate within the self-explanatory UI. Preview content before it goes live using the responsive preview feature that allows users to choose from 3 different modes for content preview \u2013 desktop, tablet, and mobile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CONTENT TYPES WITH BLOKS<\/h3>\n\n\n\n<p>Content management is made simpler with nestable content blocks. Create teasers, grids, or feature sections that can be refilled and repurposed elsewhere. Reusable components can be used to build dynamic layouts for landing pages, case studies, testimonials, and more.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CONTENT WORKFLOWS<\/h3>\n\n\n\n<p>Set up a content staging workflow to perform the necessary checks before content goes live. Define multiple workflow stages and publish only approved changes. Group content changes in releases and schedule publishing, whether manual or automated.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">IMAGE RESIZING<\/h3>\n\n\n\n<p>Storyblok transforms, optimizes, and caches your images in a CDN for fast websites and apps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">APP-STORE<\/h3>\n\n\n\n<p>Keep your UI clean by choosing only the features you need most by adding them from the app-store. Apps include S3 backups, Optimizely, internationalization, access control, and more. You can even extend Storyblok by adding your own apps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to integrate Storyblok with Spree<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/github.com\/spree-contrib\/spree-adyen#installation\"><\/a>INSTALLATION<\/h3>\n\n\n\n<p>To install the Storyblok and Spree integration, first, add&nbsp;<a href=\"https:\/\/github.com\/storyblok\/storyblok-ruby\" target=\"_blank\" rel=\"noreferrer noopener\">this extension<\/a>&nbsp;to your application\u2019s Gemfile:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>gem 'storyblok'\n<\/code><\/pre>\n\n\n\n<p>And then execute:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bundle install\n<\/code><\/pre>\n\n\n\n<p>Copy and run migrations:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bundle exec rails g storyblok:install\n<\/code><\/pre>\n\n\n\n<p>If your server was running, restart it so that it can find the assets properly.<\/p>\n\n\n\n<p><strong>For full configuration and usage, please visit&nbsp;<a href=\"https:\/\/www.storyblok.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.storyblok.com\/<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Storyblok&nbsp;is the world\u2019s first&nbsp;headless&nbsp;CMS that caters to both developers and business users. A conventional CMS makes it difficult to reuse content on other platforms. While other headless solutions may be more adaptable for developers, editors may find their capabilities too narrow. Instead, Storyblok offers a solution with visual editing tools and highly customizable content blocks [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":true,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":""},"cpt_integrations_category":[985],"class_list":["post-11128","cpt_integrations","type-cpt_integrations","status-publish","hentry","cpt_integrations_category-marketing-tools"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations\/11128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations"}],"about":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/types\/cpt_integrations"}],"wp:attachment":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media?parent=11128"}],"wp:term":[{"taxonomy":"cpt_integrations_category","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations_category?post=11128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}