[{"data":1,"prerenderedAt":31},["ShallowReactive",2],{"post-step-by-step-guide-on-getting-bluepic-up-and-running-in-your-team-nicht-loschen":3},{"slug":4,"id":5,"uuid":6,"title":7,"html":8,"comment_id":5,"plaintext":9,"feature_image":10,"featured":11,"visibility":12,"created_at":13,"updated_at":14,"published_at":15,"custom_excerpt":16,"codeinjection_head":16,"codeinjection_foot":16,"custom_template":16,"canonical_url":16,"authors":17,"primary_author":26,"url":27,"excerpt":28,"reading_time":29,"access":30,"comments":11,"og_image":16,"og_title":16,"og_description":16,"twitter_image":16,"twitter_title":16,"twitter_description":16,"meta_title":16,"meta_description":16,"email_subject":16,"frontmatter":16,"feature_image_alt":16,"feature_image_caption":16},"step-by-step-guide-on-getting-bluepic-up-and-running-in-your-team-nicht-loschen","660c0c71b3766b00010b6cbc","9d7e7e43-e3e9-4a61-bb3f-64ffbcdb1396","Step-by-step guide on getting Bluepic up and running in your team","\u003Cp>Bluepic is a suite of tools designed to enhance your team's graphic design and content production workflows. Here's a quick, step-by-step guide to implementing Bluepic STUDIO, Bluepic SOCIAL, and Bluepic EMBED into your team's routine.\u003C\u002Fp>\n\u003Ch2 id=\"step-1-account-setup\">Step 1: Account Setup\u003C\u002Fh2>\n\u003Cp>I assume you've already registered for an account. \u003Ca href=\"https:\u002F\u002Fwww.id.bluepic.io\u002F?ref=blog.bluepic.io\" rel=\"noreferrer\">id.bluepic.io\u003C\u002Fa> is the central hub of the Bluepic Software suite. There you'll find general account settings, invoices, and links to all our tools and media.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F04\u002FScreenshot-of-the-Bluepic-ID-Portal-1.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1250\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F04\u002FScreenshot-of-the-Bluepic-ID-Portal-1.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F04\u002FScreenshot-of-the-Bluepic-ID-Portal-1.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1600\u002F2024\u002F04\u002FScreenshot-of-the-Bluepic-ID-Portal-1.png 1600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw2400\u002F2024\u002F04\u002FScreenshot-of-the-Bluepic-ID-Portal-1.png 2400w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of the Bluepic ID portal\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cdiv class=\"kg-card kg-button-card kg-align-center\">\u003Ca href=\"https:\u002F\u002Fid.bluepic.io\u002Fonboarding\u002Fregister?ref=blog.bluepic.io\" class=\"kg-btn kg-btn-accent\">Sign Up for Bluepic\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Ch2 id=\"step-2-creating-templates-for-you-your-team\">Step 2: Creating templates for you & your team\u003C\u002Fh2>\n\u003Cp>Bluepic is all about templates. They are created in Bluepic STUDIO, used in Bluepic SOCIAL, and embedded into any website via Bluepic EMBED.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-of-a-Bluepic-SOCIAL-Template-Gallery-full-of-bluepic-graphic-templates--1.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1250\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-of-a-Bluepic-SOCIAL-Template-Gallery-full-of-bluepic-graphic-templates--1.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-of-a-Bluepic-SOCIAL-Template-Gallery-full-of-bluepic-graphic-templates--1.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1600\u002F2024\u002F03\u002FScreenshot-of-a-Bluepic-SOCIAL-Template-Gallery-full-of-bluepic-graphic-templates--1.png 1600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw2400\u002F2024\u002F03\u002FScreenshot-of-a-Bluepic-SOCIAL-Template-Gallery-full-of-bluepic-graphic-templates--1.png 2400w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of a Bluepic SOCIAL Template Gallery full of Bluepic graphic templates\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp>\u003Cstrong>To get your hands on some templates, you have three options:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Col>\u003Cli>You can use Bluepic STUDIO's presets - pre-made templates that can be customized by setting up your brand variables (like your logos, colors, and fonts) beforehand. You will find this option when you click the \"New Project\" button in Bluepic STUDIO's project gallery.\u003C\u002Fli>\u003C\u002Fol>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.26.50.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"1648\" height=\"1282\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.26.50.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.26.50.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.26.50.png 1600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.26.50.png 1648w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Once you have clicked \"New Project\" this window will pop up. Here you can decide if you want to create a empty project or start with a preset template\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Col start=\"2\">\u003Cli>You can build your own custom templates. If you have some design experience or are an experimenter by nature, you will enjoy creating your templates in Bluepic STUDIO. To help you with the basics, we have created an interactive tutorial, documentation at \u003Ca href=\"https:\u002F\u002Flearn.bluepic.io\u002F?ref=blog.bluepic.io\" rel=\"noreferrer\">learn.bluepic.io\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=uRbvpw96_LA&list=PLWDp0_OWXtRmvcjvkNTvS6rBjlzmq1vcd&ref=blog.bluepic.io\" rel=\"noreferrer\">video tutorials\u003C\u002Fa> on our YouTube channel. \u003C\u002Fli>\u003C\u002Fol>\n\u003Cdiv class=\"kg-card kg-callout-card kg-callout-card-white\">\u003Cdiv class=\"kg-callout-emoji\">💡\u003C\u002Fdiv>\u003Cdiv class=\"kg-callout-text\">Pro Tip for new users: Presets are a great way to learn how Bluepic STUDIO works, even if you don't plan on using them. Just create a preset project and take a look at how it's set up to see some input fields or dynamic expressions in action. You don't have to publish the preset project to your Workspace, and you can delete it at any time.\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Col start=\"3\">\u003Cli>You can hire us to build templates for you. This is a viable option, especially if you are looking to embed a graphic generator on your website with Bluepic EMBED, but you don't want to learn how Bluepic STUDIO works. For more information, visit: \u003Ca href=\"https:\u002F\u002Fbluepic.io\u002Ftemplate-service?ref=blog.bluepic.io\">https:\u002F\u002Fbluepic.io\u002Ftemplate-service\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Fol>\n\u003Ch2 id=\"step-3-testing-your-templates-in-bluepic-social\">Step 3: Testing your templates in Bluepic SOCIAL\u003C\u002Fh2>\n\u003Cp>Before inviting all your team members to create an account and join your team's Workspace, it might be a good idea to give your templates a test run by yourself.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>So, how do you get the templates you've created in Bluepic STUDIO into your team's Workspace in Bluepic SOCIAL? By publishing them...\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Any new project in Bluepic STUDIO starts as a draft. Once it's good to go, you have to publish it. There's a button for this purpose in the upper right corner of the project editor.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.29.25.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"1206\" height=\"920\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.29.25.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.29.25.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.29.25.png 1206w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of a STUDIO project. Publish your project by clicking on the button in the upper right corner of the project editor\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp>Any published project from your account can be connected to your team's Workspace (provided you are the admin of that Workspace). Once it's published and connected, it will appear in Bluepic SOCIAL's template gallery for every member of your Workspace.\u003C\u002Fp>\n\u003Cdiv class=\"kg-card kg-callout-card kg-callout-card-green\">\u003Cdiv class=\"kg-callout-emoji\">💡\u003C\u002Fdiv>\u003Cdiv class=\"kg-callout-text\">Without a paid subscription, your Workspace will be limited to a maximum of three connected templates.\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>If you've done everything right, you should now be able to give your new templates a try. You'll notice that the template editor's interface in Bluepic SOCIAL looks very different from the project editor's interface in Bluepic STUDIO. In fact, it's much less complicated! That's what Bluepic is all about. Now go ahead and fill out the input fields with new content, and when you're happy with the design, export it as a PNG or a JPEG to your device.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.34.41.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1250\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.34.41.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.34.41.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.34.41.png 1600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw2400\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.34.41.png 2400w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of the SOCIAL template editor. Create new content by filling out the given from on the left side of the editor.\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp>Bluepic SOCIAL has many more features to offer (especially for team collaboration), but to make any sense of them, you need to invite your team members to your Workspace. \u003C\u002Fp>\n\u003Cdiv class=\"kg-card kg-callout-card kg-callout-card-green\">\u003Cdiv class=\"kg-callout-emoji\">💡\u003C\u002Fdiv>\u003Cdiv class=\"kg-callout-text\">Without a paid subscription, you will only be able to invite up to three team members to your Workspace.\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Ch2 id=\"step-4-inviting-your-team-members\">Step 4: Inviting your team members\u003C\u002Fh2>\n\u003Cp>To invite team members to your team's Workspace, you need to go to the Workspace Settings. There's more than one way to get there, but the easiest is this: \u003Cstrong>Go to Settings > My Spaces > Select the Workspace from the list\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.40.01.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"1018\" height=\"778\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.40.01.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.40.01.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-2024-03-23-at-16.40.01.png 1018w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of the user management of a SOCIAL space\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp>In the members section of your Workspace settings, you will see a round button with a \"+\" symbol. This is where you can invite new members. They will receive an invitation email, and once they've signed up for their own account, they will automatically be a member of your Workspace.\u003C\u002Fp>\n\u003Cp>Here's a few more things to note:\u003C\u002Fp>\n\u003Cul>\u003Cli>You can promote team members to the admin role, which will allow them to add new members themselves and also to publish and connect new templates from Bluepic STUDIO to your Workspace.\u003C\u002Fli>\u003Cli>If you have created the Workspace, you will have the unique role of Workspace Owner. Only the Workspace's owner can purchase or manage the Workspace's paid subscriptions. You can transfer the Ownership role to another member.\u003C\u002Fli>\u003C\u002Ful>\n\u003Ch2 id=\"step-5-try-one-of-our-paid-subscriptions\">Step 5: Try one of our paid subscriptions\u003C\u002Fh2>\n\u003Cp>If you've tried Bluepic SOCIAL with the limitations of a free account and now you'd like to have an unlimited number of templates, an unlimited number of Workspace members, and access to our premium features, then it might be time for a paid subscription.\u003C\u002Fp>\n\u003Cp>Premium features include:\u003C\u002Fp>\n\u003Cul>\u003Cli>Access to the premium hub (where you can save drafts for your team to review and organize)\u003C\u002Fli>\u003Cli>Access to the batch editor (where you can create multiple drafts of one template at once - perhaps even hundreds of drafts by uploading a CSV file)\u003C\u002Fli>\u003Cli>Access to the Sub-Space hierarchy (which allows you to map your organization's departments or teams into distinct groups with access to distinct templates and more)\u003C\u002Fli>\u003C\u002Ful>\n\u003Cdiv class=\"kg-card kg-button-card kg-align-center\">\u003Ca href=\"https:\u002F\u002Fbluepic.io\u002Fpricing?ref=blog.bluepic.io\" class=\"kg-btn kg-btn-accent\">Pricing\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Ch2 id=\"step-6-embed-a-graphic-generator-to-your-website-with-bluepic-embed\">Step 6: Embed a graphic generator to your website with Bluepic EMBED\u003C\u002Fh2>\n\u003Cp>Some users are interested in Bluepic SOCIAL, and some in Bluepic EMBED (and some in both). So, at this point, the order of the steps might not make sense anymore. Regardless, here is how you can embed a template you've designed in Bluepic STUDIO, combined with its simplified editor interface, into your website.\u003C\u002Fp>\n\u003Cdiv class=\"container\" onMouseOver=\"document.getElementById('overlay').style.visibility = 'hidden'\" onMouseOut=\"document.getElementById('overlay').style.visibility = 'visible'\">\n  \u003Ciframe class=\"bp-embed\" src=\"https:\u002F\u002Ftemplate.staging.bluepic.io\u002Fp_f8971bb8-c934-40c0-9067-a1b2318ea5c4\">\u003C\u002Fiframe>\n  \u003Cdiv id=\"overlay\">\n    \u003Cspan class=\"tryme\">Try it out\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n  \u003Cstyle>\n    .container {\n      position: relative;\n      margin-top: 2rem;\n    }\n\n    .bp-embed {\n      margin: 0;\n      border: none;\n      outline: none;\n      min-height: 60vh\n    }\n\n    #overlay {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background-color: #000000BB;\n      display: grid;\n      place-content: center;\n    }\n\n    .tryme {\n      color: white;\n      font-size: larger;\n      animation-name: floating;\n      animation-duration: 2s;\n      animation-iteration-count: infinite;\n      animation-timing-function: ease-in-out;\n    }\n\n\n    @keyframes floating {\n      0% {\n        transform: scale(1);\n      }\n\n      50% {\n        transform: scale(1.2);\n      }\n\n      100% {\n        transform: scale(1);\n      }\n    }\n\n  \u003C\u002Fstyle>\n\u003C\u002Fdiv>\n\u003Col>\u003Cli>Go to \u003Ca href=\"https:\u002F\u002Fembed.bluepic.io\u002F?ref=blog.bluepic.io\" rel=\"noreferrer\">embed.bluepic.io\u003C\u002Fa>.\u003C\u002Fli>\u003Cli>Create a new embed project.\u003C\u002Fli>\u003Cli>Select the template(s) you want to embed (note that you can only select STUDIO projects that have been published).\u003C\u002Fli>\u003Cli>Go to the embedding instructions tab and copy the code snippet to your website builder.\u003C\u002Fli>\u003Cli>Test the embedded graphic generator to see if it works as intended (at this point, it will still have a Bluepic watermark).\u003C\u002Fli>\u003Cli>Go back to your embed project and purchase a subscription for the project to remove the watermark (it will automatically update on your website).\u003C\u002Fli>\u003C\u002Fol>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-of-an-embedded-Bluepic-graphic-generator.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"1916\" height=\"1716\" srcset=\"https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw600\u002F2024\u002F03\u002FScreenshot-of-an-embedded-Bluepic-graphic-generator.png 600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1000\u002F2024\u002F03\u002FScreenshot-of-an-embedded-Bluepic-graphic-generator.png 1000w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002Fsize\u002Fw1600\u002F2024\u002F03\u002FScreenshot-of-an-embedded-Bluepic-graphic-generator.png 1600w, https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FScreenshot-of-an-embedded-Bluepic-graphic-generator.png 1916w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">Screenshot of an embedded Bluepic graphic generator on a website\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cdiv class=\"kg-card kg-callout-card kg-callout-card-white\">\u003Cdiv class=\"kg-callout-emoji\">💡\u003C\u002Fdiv>\u003Cdiv class=\"kg-callout-text\">If you want to avoid website visitors seeing the graphic generator with a watermark, you can purchase a subscription.\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv class=\"kg-card kg-button-card kg-align-center\">\u003Ca href=\"https:\u002F\u002Fid.bluepic.io\u002Fonboarding\u002Fregister?ref=blog.bluepic.io\" class=\"kg-btn kg-btn-accent\">Start creating!\u003C\u002Fa>\u003C\u002Fdiv>","Bluepic is a suite of tools designed to enhance your team's graphic design and content production workflows. Here's a quick, step-by-step guide to implementing Bluepic STUDIO, Bluepic SOCIAL, and Bluepic EMBED into your team's routine.\n\n\n\nStep 1: Account Setup\n\n\nI assume you've already registered for an account. id.bluepic.io is the central hub of the Bluepic Software suite. There you'll find general account settings, invoices, and links to all our tools and media.\n\n\n\nSign Up for Bluepic\n\n\n\nStep 2: Creating templates for you & your team\n\n\nBluepic is all about templates. They are created in Bluepic STUDIO, used in Bluepic SOCIAL, and embedded into any website via Bluepic EMBED.\n\n\n\nTo get your hands on some templates, you have three options:\n\n\n 1. You can use Bluepic STUDIO's presets - pre-made templates that can be customized by setting up your brand variables (like your logos, colors, and fonts) beforehand. You will find this option when you click the \"New Project\" button in Bluepic STUDIO's project gallery.\n\n\n\n 2. You can build your own custom templates. If you have some design experience or are an experimenter by nature, you will enjoy creating your templates in Bluepic STUDIO. To help you with the basics, we have created an interactive tutorial, documentation at learn.bluepic.io and video tutorials on our YouTube channel.\n\n\n💡Pro Tip for new users: Presets are a great way to learn how Bluepic STUDIO works, even if you don't plan on using them. Just create a preset project and take a look at how it's set up to see some input fields or dynamic expressions in action. You don't have to publish the preset project to your Workspace, and you can delete it at any time.\n\n 3. You can hire us to build templates for you. This is a viable option, especially if you are looking to embed a graphic generator on your website with Bluepic EMBED, but you don't want to learn how Bluepic STUDIO works. For more information, visit: https:\u002F\u002Fbluepic.io\u002Ftemplate-service\n\n\n\nStep 3: Testing your templates in Bluepic SOCIAL\n\n\nBefore inviting all your team members to create an account and join your team's Workspace, it might be a good idea to give your templates a test run by yourself.\n\n\nSo, how do you get the templates you've created in Bluepic STUDIO into your team's Workspace in Bluepic SOCIAL? By publishing them...\n\n\nAny new project in Bluepic STUDIO starts as a draft. Once it's good to go, you have to publish it. There's a button for this purpose in the upper right corner of the project editor.\n\n\n\nAny published project from your account can be connected to your team's Workspace (provided you are the admin of that Workspace). Once it's published and connected, it will appear in Bluepic SOCIAL's template gallery for every member of your Workspace.\n\n\n💡Without a paid subscription, your Workspace will be limited to a maximum of three connected templates.\n\n\nIf you've done everything right, you should now be able to give your new templates a try. You'll notice that the template editor's interface in Bluepic SOCIAL looks very different from the project editor's interface in Bluepic STUDIO. In fact, it's much less complicated! That's what Bluepic is all about. Now go ahead and fill out the input fields with new content, and when you're happy with the design, export it as a PNG or a JPEG to your device.\n\n\n\nBluepic SOCIAL has many more features to offer (especially for team collaboration), but to make any sense of them, you need to invite your team members to your Workspace.\n\n\n💡Without a paid subscription, you will only be able to invite up to three team members to your Workspace.\n\n\n\nStep 4: Inviting your team members\n\n\nTo invite team members to your team's Workspace, you need to go to the Workspace Settings. There's more than one way to get there, but the easiest is this: Go to Settings > My Spaces > Select the Workspace from the list.\n\n\n\nIn the members section of your Workspace settings, you will see a round button with a \"+\" symbol. This is where you can invite new members. They will receive an invitation email, and once they've signed up for their own account, they will automatically be a member of your Workspace.\n\n\nHere's a few more things to note:\n\n\n * You can promote team members to the admin role, which will allow them to add new members themselves and also to publish and connect new templates from Bluepic STUDIO to your Workspace.\n * If you have created the Workspace, you will have the unique role of Workspace Owner. Only the Workspace's owner can purchase or manage the Workspace's paid subscriptions. You can transfer the Ownership role to another member.\n\n\n\nStep 5: Try one of our paid subscriptions\n\n\nIf you've tried Bluepic SOCIAL with the limitations of a free account and now you'd like to have an unlimited number of templates, an unlimited number of Workspace members, and access to our premium features, then it might be time for a paid subscription.\n\n\nPremium features include:\n\n\n * Access to the premium hub (where you can save drafts for your team to review and organize)\n * Access to the batch editor (where you can create multiple drafts of one template at once - perhaps even hundreds of drafts by uploading a CSV file)\n * Access to the Sub-Space hierarchy (which allows you to map your organization's departments or teams into distinct groups with access to distinct templates and more)\n\n\nPricing\n\n\n\nStep 6: Embed a graphic generator to your website with Bluepic EMBED\n\n\nSome users are interested in Bluepic SOCIAL, and some in Bluepic EMBED (and some in both). So, at this point, the order of the steps might not make sense anymore. Regardless, here is how you can embed a template you've designed in Bluepic STUDIO, combined with its simplified editor interface, into your website.\n\n\n\n\n\nTry it out\n\n\n\n\n 1. Go to embed.bluepic.io.\n 2. Create a new embed project.\n 3. Select the template(s) you want to embed (note that you can only select STUDIO projects that have been published).\n 4. Go to the embedding instructions tab and copy the code snippet to your website builder.\n 5. Test the embedded graphic generator to see if it works as intended (at this point, it will still have a Bluepic watermark).\n 6. Go back to your embed project and purchase a subscription for the project to remove the watermark (it will automatically update on your website).\n\n\n\n💡If you want to avoid website visitors seeing the graphic generator with a watermark, you can purchase a subscription.\nStart creating!","https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2024\u002F03\u002FFeature-Image---Step-by-step-guide-on-getting-Bluepic-up-and-running-in-your-team-1.jpg",false,"public","2024-04-02T15:47:29.000+02:00","2024-04-21T17:00:21.000+02:00","2024-04-11T11:27:00.000+02:00",null,[18],{"id":19,"name":20,"slug":21,"profile_image":22,"cover_image":23,"bio":24,"website":16,"location":16,"facebook":16,"twitter":16,"meta_title":16,"meta_description":16,"threads":16,"bluesky":16,"mastodon":16,"tiktok":16,"youtube":16,"instagram":16,"linkedin":16,"url":25},"1","Thomas Wicke","thomas","https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2023\u002F11\u002FAuswahl_Thomas_2-quadrat.jpg","https:\u002F\u002Fblog.bluepic.io\u002Fcontent\u002Fimages\u002F2023\u002F11\u002Fpink-flamingos-2021-08-26-18-19-14-utc.jpg","- Trying to reinvent stuff","https:\u002F\u002Fblog.bluepic.io\u002Fauthor\u002Fthomas\u002F",{"id":19,"name":20,"slug":21,"profile_image":22,"cover_image":23,"bio":24,"website":16,"location":16,"facebook":16,"twitter":16,"meta_title":16,"meta_description":16,"threads":16,"bluesky":16,"mastodon":16,"tiktok":16,"youtube":16,"instagram":16,"linkedin":16,"url":25},"https:\u002F\u002Fblog.bluepic.io\u002Fstep-by-step-guide-on-getting-bluepic-up-and-running-in-your-team-nicht-loschen\u002F","Bluepic is a suite of tools designed to enhance your team's graphic design and content production workflows. Here's a quick, step-by-step guide to implementing Bluepic STUDIO, Bluepic SOCIAL, and Bluepic EMBED into your team's routine.\n\n\n\nStep 1: Account Setup\n\n\nI assume you've already registered for an account. id.bluepic.io is the central hub of the Bluepic Software suite. There you'll find general account settings, invoices, and links to all our tools and media.\n\n\n\nSign Up for Bluepic\n\n\n\nStep",6,true,1780323024145]