{"id":8236,"date":"2019-10-21T07:14:45","date_gmt":"2019-10-21T14:14:45","guid":{"rendered":"https:\/\/help.carrot.com\/?post_type=tutorial&#038;p=8236"},"modified":"2025-05-13T11:26:47","modified_gmt":"2025-05-13T18:26:47","slug":"image-block","status":"publish","type":"tutorial","link":"https:\/\/help.carrot.com\/tutorial\/image-block\/","title":{"rendered":"How to Add Images"},"content":{"rendered":"\n<p>Want to add headshots to your company page or include an image to help break up the content? This tutorial will walk you through the steps to add and style your images using the <strong>Image Block<\/strong>.<\/p>\n\n\n\n<p>Changing and adding images is one of the first things you&#8217;ll probably do to your Carrot site. As you go through swapping out the stock images with local ones, you&#8217;ll want to also add in some alt text and captions to help boost your SEO!<\/p>\n\n\n\n<p>There are several reasons swapping out the default images is beneficial for you. Some of the benefits are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Builds credibility by localizing your site<\/li>\n\n\n\n<li>Boosts your SEO by adding keyword-rich alt text to your images<\/li>\n\n\n\n<li>Helps differentiate your site from other sites by having different images<\/li>\n<\/ul>\n\n\n\n<p>Don&#8217;t forget to check out our <a href=\"https:\/\/help.carrot.com\/tutorial\/seo-basics\/image-optimization-guide\/\">Image Optimization Guide<\/a> for more tips and tricks! <\/p>\n\n\n\n<p>Let\u2019s get started!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Go to Your <a href=\"https:\/\/carrot.ly\/yKz7\">Page List<\/a> and Click the Page to Edit<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"204\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-768-1024x204.png\" alt=\"\" class=\"wp-image-25018\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-768-1024x204.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-768-300x60.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-768-768x153.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-768.png 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add an Image Block<\/h3>\n\n\n\n<p>Hover your mouse over the page and find the <strong>+<\/strong> button to &#8220;add block.&#8221; An orange line will appear to indicate where the image will go. Click the Add Block button to open the block choices.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"260\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-781-1024x260.png\" alt=\"\" class=\"wp-image-25057\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-781-1024x260.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-781-300x76.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-781-768x195.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-781.png 1915w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Select Image Block<\/h3>\n\n\n\n<p>The easiest and fastest way to find your block is to start typing in the search bar above the choices. As soon as you see the <strong>Image<\/strong> block option, click it to add the block where you selected.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"521\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-769.png\" alt=\"\" class=\"wp-image-25019\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-769.png 349w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-769-201x300.png 201w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-769-300x448.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4: Add Your Image<\/h3>\n\n\n\n<p>You can either upload an image directly from your device, select one that has already been uploaded to your media library, or insert an image from a URL.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"159\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-782-1024x159.png\" alt=\"\" class=\"wp-image-25058\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-782-1024x159.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-782-300x46.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-782-768x119.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-782.png 1053w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left has-gray-2-background-color has-background\">\ud83d\udea8 <strong><em>Note: <\/em><\/strong><em>The maximum size for your file is <strong>8MB<\/strong>. Any larger and the site can not accept it.&nbsp;<a href=\"https:\/\/help.carrot.com\/tutorial\/seo-basics\/image-optimization-guide\/#image-file-names\">Learn more about optimizing your images prior to upload.<\/a><\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Style Your Image<\/h3>\n\n\n\n<p>When using an image block, there are various style options in the toolbar and sidebar. You&#8217;ll want to explore these and utilize them to style the image the way you want! We&#8217;ll cover a few common options in more detail below.<\/p>\n\n\n\n<p>Here are all the various settings and styles for the image block:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Toolbar Settings<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alignment<\/li>\n\n\n\n<li>Duotone filter<\/li>\n\n\n\n<li>Add a link<\/li>\n\n\n\n<li>Cropping<\/li>\n\n\n\n<li>Add text over image<\/li>\n\n\n\n<li>Add caption<\/li>\n\n\n\n<li>Replace image<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Sidebar Settings<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alt text<\/li>\n\n\n\n<li>Aspect Ratio<\/li>\n\n\n\n<li>Width <\/li>\n\n\n\n<li>Height<\/li>\n\n\n\n<li>Resolution<\/li>\n\n\n\n<li>Attributes: alt, ID, URL, title<\/li>\n\n\n\n<li>Advanced: HTML anchor, CSS<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Sidebar Styles<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Preset styles: Rounded, Greyscale, Shadow<\/li>\n\n\n\n<li>Duotone filter<\/li>\n\n\n\n<li>Margins<\/li>\n\n\n\n<li>Border<\/li>\n\n\n\n<li>Border Radius<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-776-1024x452.png\" alt=\"\" class=\"wp-image-25047\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-776-1024x452.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-776-300x133.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-776-768x339.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-776.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Styling Option: Align the Image<\/h4>\n\n\n\n<p>By default, every image inserted onto your site will not be aligned. Aligning the image allows the text to surround the image for readability purposes. No alignment means the text will not surround the image and the image will always remain floating to the left, i.e. it&#8217;s on its own line.<\/p>\n\n\n\n<p>You can <strong>change the alignment of the image by clicking on the image<\/strong> and choosing any of the options with the lines and boxes. When you choose to align to the right or left, the text will surround your image for cleaner formatting. This is especially helpful if you are using a smaller image. <\/p>\n\n\n\n<p class=\"has-gray-2-background-color has-background\">\u2139\ufe0f Larger, full-width images should use the <a href=\"https:\/\/help.carrot.com\/tutorial\/cover-block\/\">Cover Block<\/a> instead of the Image Block.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-778-1024x537.png\" alt=\"\" class=\"wp-image-25052\" style=\"width:875px;height:auto\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-778-1024x537.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-778-300x157.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-778-768x403.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-778.png 1134w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Styling Option: Adjust the Image Size<\/h4>\n\n\n\n<p>Click and drag the orange circles around the image&#8217;s right and bottom side to adjust the image to a smaller or larger dimension.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-779-1024x610.png\" alt=\"\" class=\"wp-image-25054\" style=\"width:920px;height:auto\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-779-1024x610.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-779-300x179.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-779-768x457.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-779.png 1172w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Styling Option: Preset Styles (Rounded, Greyscale, Shadow)<\/h4>\n\n\n\n<p>When editing an&nbsp;Image&nbsp;block, you can change the style from Default to Rounded, Grayscale, or Shadowed. You&#8217;ll find these styles in the Image Block&#8217;s settings in the right sidebar of the Visual Editor:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/sidebar-settings-image-block-1024x520.png\" alt=\"\" class=\"wp-image-19888\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/sidebar-settings-image-block-1024x520.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/sidebar-settings-image-block-300x152.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/sidebar-settings-image-block-768x390.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Styling Option: Cropping Images<\/h4>\n\n\n\n<p>You can now crop images right inside the Carrot editor\u2014no extra tools needed.<\/p>\n\n\n\n<p>Our built-in cropping tool is handy for polishing headshots and creating clean layouts in seconds. It works when inserting new images or when replacing images in a&nbsp;<a href=\"https:\/\/help.carrot.com\/tutorial\/block-patterns-explained\/\">Block Pattern<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/carrot-image-cropping-feature-1024x425.webp\" alt=\"\" class=\"wp-image-25048\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/carrot-image-cropping-feature-1024x425.webp 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/carrot-image-cropping-feature-300x125.webp 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/carrot-image-cropping-feature-768x319.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Just click on an image, hit the crop icon in the toolbar, and adjust the zoom or aspect ratio to get the perfect shot (square, portrait, etc.). Click and drag to reposition the image within the new size. Once you\u2019re happy with it, hit \u201cApply\u201d and we\u2019ll save a cropped version to your media library\u2014ready to resize and drop into your page.<\/p>\n\n\n\n<p>Watch the video below to see it in action:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"entry-content-asset\"><div class=\"carrot-lazyload-youtube oembed oembed-youtube embed-16x9\" style=\"padding-top: 56.25%;\" data-embed=\"https:\/\/www.youtube.com\/embed\/-HSiGS1T9J8?feature=oembed&amp;amp;rel=0&amp;amp;showinfo=0&amp;amp;wmode=transparent&amp;amp;enablejsapi=1\"><div class=\"play-button\"><\/div><div><a href=\"https:\/\/youtu.be\/-HSiGS1T9J8\" onclick=\"return false;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/-HSiGS1T9J8\/maxresdefault.jpg\" srcset=\"https:\/\/i.ytimg.com\/vi\/-HSiGS1T9J8\/maxresdefault.jpg 1280w, https:\/\/i.ytimg.com\/vi\/-HSiGS1T9J8\/sddefault.jpg 640w, https:\/\/i.ytimg.com\/vi\/-HSiGS1T9J8\/hqdefault.jpg 480w, https:\/\/i.ytimg.com\/vi\/-HSiGS1T9J8\/mqdefault.jpg 320w\" width=\"1280\" height=\"720\" alt=\"Carrot's New Image Cropping Feature\"><\/a><\/div><\/div><\/div>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Provide Alternative Text (Alt Text)<\/h3>\n\n\n\n<p>We recommend providing <strong>alternative text<\/strong> (alt text) for each image or graphic you add.<\/p>\n\n\n\n<p>Alternative text is the text read aloud by screen readers for blind and visually impaired users and also serves as a fallback if the image fails to load. <\/p>\n\n\n\n<p>Adding alt text also helps with <a href=\"https:\/\/help.carrot.com\/tutorial\/seo-basics\/image-optimization-guide\/\">image SEO<\/a>. Google likes it to be an actual description of the image!<\/p>\n\n\n\n<p>Make sure to include relevant keywords related to the image content while keeping it concise and informative. Remember, the alt tag should provide meaningful information to users who can\u2019t see the image, so strive for clarity and relevance.<\/p>\n\n\n\n<p class=\"has-gray-2-background-color has-background\">\ud83d\udea8 <strong><em>Note: <\/em><\/strong> If you later go to the Media Tab and add Alt Text to your images that were loaded in an image block, the Alt Text will not be pulled onto the images that are already on the pages. This is a function of WordPress that we cannot control.  Make sure to add the Alt Text when adding the images to your page! <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-777-1024x426.png\" alt=\"\" class=\"wp-image-25049\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-777-1024x426.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-777-300x125.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-777-768x320.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-777.png 1658w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 7: Click the Save Button to Save Your Work<\/h3>\n\n\n\n<p>Your image is now published to your page! <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"135\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-780-1024x135.png\" alt=\"\" class=\"wp-image-25055\" srcset=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-780-1024x135.png 1024w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-780-300x40.png 300w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-780-768x101.png 768w, https:\/\/cdn.carrot.com\/uploads\/sites\/3\/image-780.png 1913w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Voila! You&#8217;ve just added an image to your page using the Image Block! This is likely one of the most common editing practices you&#8217;ll perform on your site. <\/p>\n\n\n\n<p>As mentioned above, adding custom images to your site is important to localize your site and set yourself apart from the rest. Also, don&#8217;t forget keywords in your alt text! This will help with SEO. For more guides on editing various aspects of your pages, or using the Visual Editor, check out the links below!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Learn More<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/help.carrot.com\/tutorial\/seo-basics\/image-optimization-guide\/\">Image Optimization Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.carrot.com\/tutorial\/youtube-block\/\">How to Embed YouTube Videos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.carrot.com\/tutorial\/visual-editor\/customize-your-pages\/\">Customize Your Pages with the Visual Editor and Blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.carrot.com\/tutorial\/differentiate-with-design\/\">Simple Ways to Customize Your Carrot Website Design<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide is-style-default is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column new-getting-started is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">New to Carrot? <br>Welcome!<\/h3>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"184\" height=\"113\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/startwebsite-icon@2x-1.png\" alt=\"\" class=\"wp-image-24389\" style=\"object-fit:contain;width:150px;height:150px\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\">Here\u2019s our full guide for what to do when getting started with your Carrot website:<\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons alignwide is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size is-style-btn-lg has-large-font-size\"><a class=\"wp-block-button__link has-white-color has-green-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/help.carrot.com\/tutorial\/getting-started-with-your-carrot-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Getting Started Guide<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column new-market-card is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-style-default\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Want Us to do Some <br>Editing for You?<\/h3>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image is-style-default no_shadow\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/cdn.carrot.com\/uploads\/sites\/3\/icon-personalize.svg\" alt=\"\" class=\"wp-image-15166\" style=\"width:150px;height:150px\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\">You are busy doing what you do best, running your business. Leave the site work in Carrot\u2019s hands.<\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons alignwide is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size is-style-btn-lg has-large-font-size\"><a class=\"wp-block-button__link has-white-color has-green-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/marketplace.carrot.com\/service%20categories\/personalize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check out our Marketplace!<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking to add headshots to your company page or an image by your text to help break up the content? This page will walk you through the steps to add images in a simple format for a clean, effortless look.<\/p>\n","protected":false},"author":32538,"featured_media":0,"parent":0,"menu_order":0,"template":"","tutorial_type":[328],"tutorial_tags":[],"class_list":["post-8236","tutorial","type-tutorial","status-publish","hentry","tutorial_type-blocks"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial\/8236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/users\/32538"}],"version-history":[{"count":22,"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial\/8236\/revisions"}],"predecessor-version":[{"id":25136,"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial\/8236\/revisions\/25136"}],"wp:attachment":[{"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/media?parent=8236"}],"wp:term":[{"taxonomy":"tutorial_type","embeddable":true,"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial_type?post=8236"},{"taxonomy":"tutorial_tags","embeddable":true,"href":"https:\/\/help.carrot.com\/wp-json\/wp\/v2\/tutorial_tags?post=8236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}