{"id":22335,"date":"2025-09-22T17:25:30","date_gmt":"2025-09-22T11:55:30","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=22335"},"modified":"2025-10-14T16:32:14","modified_gmt":"2025-10-14T11:02:14","slug":"add-shopify-media-with-text-section","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-shopify-media-with-text-section\/","title":{"rendered":"How to Add a Shopify Media with Text Section?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Struggling to communicate product value with plain text or images alone?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Shopify\u2019s Media with Text section solves that by combining both elements, giving you the perfect tool to grab attention and educate your shoppers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This blog explains two different ways to add Shopify media with text section. Let\u2019s see how.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ways to Add an Image with Text in Shopify<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can add an image with text in Shopify using two main methods.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Using in-built theme settings &#8211;<\/strong> Most Shopify themes come with a basic Image with Text section that you can quickly add from the theme editor. It\u2019s simple and beginner-friendly, but the customization options are limited to standard layouts and styling.<\/li>\n\n\n\n<li><strong>Using a Shopify app &#8211;<\/strong> If you want more design freedom, advanced customization, and unique layouts, using a Shopify app is the smarter choice. Apps let you go beyond the default theme limitations, giving you full flexibility that perfectly fits your store\u2019s branding.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Shopify Media with a Text Section? (Default Method)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is the default method to add this media text section in the Dawn theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see the steps for it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Find the Image with Text Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate to <strong>Shopify admin &gt; Online stores &gt; Themes &gt; Customize.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, from the theme editor, click <strong>Add<\/strong> <strong>section <\/strong>and search for the <strong>Image with text <\/strong>section, select it to add.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"105\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-7.png\" alt=\"add a section and select a simple &quot;Image with text&quot;.\n\n\" class=\"wp-image-22372\" style=\"width:701px;height:auto\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-7.png 562w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-7-250x47.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-7-403x75.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-7-120x22.png 120w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize the Section as You Like<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add the image from here, and also the section offers basic features to edit, and you craft it as you wish.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"329\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-700x329.png\" alt=\"customizing the settings for a Shopify media with text section\" class=\"wp-image-22375\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-700x329.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-250x117.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-768x361.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-403x189.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-964x453.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5-120x56.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-section-5.png 1382w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Save<\/strong> the changes, and it will showcase like this, minimal and simple.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"267\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-700x267.png\" alt=\"Preview of the image with text section using default theme\" class=\"wp-image-22364\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-700x267.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-250x95.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-768x293.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-403x153.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-964x367.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70-120x46.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-70.png 1087w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Ready-to-Use Shopify Media with Text Section (App Method)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Shopify Image with Text section should have a clean layout with a high-quality image on one side and engaging text on the other, balanced to grab attention without clutter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Something like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-preview-7-700x508.png\" alt=\"Preview of the media with text section using an Shopify app\" class=\"wp-image-22377\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Using our <strong>MIT Section Pro <\/strong>app, you can have a beautiful section like the one above. It gives you higher flexibility to design the section and works seamlessly with your Shopify theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install and Get the Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Install the <a href=\"https:\/\/apps.shopify.com\/mit-custom-sections\" target=\"_blank\" rel=\"noopener\">MIT Sections Pro<\/a><strong> <\/strong>app from the Shopify App Store. From the app dashboard, click the Browse section and search for the <strong>Media with text<\/strong> section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"363\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69-700x363.png\" alt=\"Search for the Shopify media with text section. \n\n\" class=\"wp-image-22362\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69-700x363.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69-250x130.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69-403x209.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69-120x62.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/image-69.png 703w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Click the \u201cTry for Free\u201d Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then click the <strong>Try for Free <\/strong>button. Here we will move forward with the <strong>Media with text 1 <\/strong>section. You can choose whichever goes with your brand.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"319\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-700x319.png\" alt=\"click try for free button to get redirected to the MIT demo store\" class=\"wp-image-22379\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-700x319.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-250x114.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-768x350.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-403x184.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6-120x55.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-6.png 951w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">During your free trial, you will be directed to the MIT demo store. Once purchased, the section can be integrated into your store&#8217;s theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From there, click <strong>Add sections <\/strong>and search for the <strong>Meetanshi Media With Text 1.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"162\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-add-section-5.png\" alt=\"In Shopify theme editor, selecting &quot;Meetanshi Media with Text&quot; section\" class=\"wp-image-22381\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-add-section-5.png 565w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-add-section-5-250x72.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-add-section-5-403x116.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-add-section-5-120x34.png 120w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Modify Media with Text Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This section offers over 30 customization options, allowing you to edit it to your exact preferences.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"350\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-700x350.png\" alt=\"Customizing the media with text section in the theme editor\" class=\"wp-image-22383\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-700x350.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-250x125.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-768x384.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-403x202.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-964x482.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2-120x60.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-edit-section-2.png 1398w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Once you are done making changes, click <strong>Save.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-700x374.png\" alt=\"Click save after making changes in the media with text section\" class=\"wp-image-22385\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-700x374.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-250x134.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-768x411.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-403x216.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-964x516.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1-120x64.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/mit-save-changes-1.png 1408w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">MIT Sections Pro: Designed to Do More<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MIT Pro Sections Shopify App makes upgrading your store\u2019s design simple and flexible.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Completely free to install, with access to 130+ professionally crafted sections, from image galleries to sliders, even on the free plan<\/li>\n\n\n\n<li>Add any section to any page at any moment, making it easy to keep your store fresh as your business grows, no coding required<\/li>\n\n\n\n<li>Every section is fully customizable, so you can align it perfectly with your brand identity and update it anytime<\/li>\n\n\n\n<li>Built to work smoothly across all Shopify themes while ensuring fast page speed and seamless user experiences<\/li>\n\n\n\n<li>Offers both free and premium sections, with a free trial on paid features, making it a cost-friendly choice for businesses of any size<\/li>\n\n\n\n<li>Quick to set up and edit, helping you save time and cut down on developer expenses<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike other solutions, MIT Pro Sections delivers hundreds of expertly coded, affordable sections that balance simplicity with professional design. You only pay for what you need, while enjoying the no-code experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In short, MIT Pro Sections is the smart, scalable solution for Shopify store owners who want to stand out in the marketplace.<\/p>\n\n\n<div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>130+ Shopify Sections<\/span>\r\n<p>Your all-in-one solution to create a professional Shopify store<\/p>\r\n<a href=\"https:\/\/apps.shopify.com\/mit-custom-sections\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\">Install App Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-sections-pro.png\" alt=\"MIT Sections Pro\">\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Struggling to communicate product value with plain text or images alone?&nbsp; Shopify\u2019s Media with Text section solves that by combining both elements, giving you the&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-22335","post","type-post","status-publish","format-standard","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/22335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=22335"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/22335\/revisions"}],"predecessor-version":[{"id":23666,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/22335\/revisions\/23666"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=22335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=22335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=22335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}