{"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\">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\">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 perfect tool to grab attention and educate your shoppers. This blog explains two different ways to add Shopify media with text section. Let\u2019s see how. Ways to Add an Image [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[787],"tags":[],"class_list":["post-22335","post","type-post","status-publish","format-standard","hentry","category-shopify"],"_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}]}}