{"id":1539,"date":"2024-10-23T06:49:47","date_gmt":"2024-10-23T06:49:47","guid":{"rendered":"https:\/\/docs.wpsix.com\/origin\/import-images\/"},"modified":"2024-10-23T06:49:47","modified_gmt":"2024-10-23T06:49:47","slug":"import-images","status":"publish","type":"page","link":"https:\/\/docs.wpsix.com\/origin\/import-images\/","title":{"rendered":"Import Images"},"content":{"rendered":"<section class=\"bde-section-1539-100 bde-section layout\">\n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1539-101 bde-div main\">\n  \n\t\n\n\n\n<div id=\"content\" class=\"bde-div-1539-102 bde-div content\">\n  \n\t\n\n\n\n<div class=\"bde-div-1539-103 bde-div content-wrapper\">\n  \n\t\n\n\n\n<h1 class=\"bde-heading-1539-104 bde-heading\">\nImport Images\n<\/h1><div class=\"bde-div-1539-105 bde-div content-space\">\n  \n\t\n\n\n\n<div class=\"bde-rich-text-1539-106 bde-rich-text breakdance-rich-text-styles\">\n<p>By default images hosted from our demo website but you can import them to your server with using the default built in WordPress importer and images.xml. I'll show it in this section how to do that.<\/p>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-107 bde-div content-wrapper\">\n  \n\t\n\n\n\n<h2 class=\"bde-heading-1539-108 bde-heading\">\nEnable Svg Upload\n<\/h2><div class=\"bde-div-1539-109 bde-div content-space\">\n  \n\t\n\n\n\n<div class=\"bde-rich-text-1539-110 bde-rich-text breakdance-rich-text-styles\">\n<p>Before we jump into this don't forget to enable svg file uploads from Breakdance Settings. Navigate to Breakdance -&gt; Settings -&gt; Advenced menu.<\/p>\n<\/div><div class=\"bde-image-1539-171 bde-image\">\n<figure class=\"breakdance-image breakdance-image--1603\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a class=\"breakdance-image-link breakdance-image-link--lightbox\" href=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/enable-svg.webp\" target=\"_self\" rel=\"noopener\" data-sub-html=\"\" data-lg-size=\"659-451\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/enable-svg.webp\" width=\"659\" height=\"451\" srcset=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/enable-svg.webp 659w, https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/enable-svg-300x205.webp 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-180 bde-div content-wrapper\">\n  \n\t\n\n\n\n<h2 class=\"bde-heading-1539-181 bde-heading\">\n1. WordPress Importer\n<\/h2><div class=\"bde-div-1539-182 bde-div content-space\">\n  \n\t\n\n\n\n<div class=\"bde-rich-text-1539-183 bde-rich-text breakdance-rich-text-styles\">\n<p><strong>Install WordPress Importer<\/strong>: We will use built in wordpress importer for importing our images. Select Tools -&gt; Import from left navigation menu and click to Install Now link under wordpress section. After Importer installed successfully. Run importer.<\/p>\n<\/div><div class=\"bde-image-1539-184 bde-image\">\n<figure class=\"breakdance-image breakdance-image--1568\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a class=\"breakdance-image-link breakdance-image-link--lightbox\" href=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/install-import.webp\" target=\"_self\" rel=\"noopener\" data-sub-html=\"\" data-lg-size=\"659-816\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/install-import.webp\" width=\"659\" height=\"816\" srcset=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/install-import.webp 659w, https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/install-import-242x300.webp 242w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-172 bde-div content-wrapper\">\n  \n\t\n\n\n\n<h2 class=\"bde-heading-1539-173 bde-heading\">\n2. Run the Importer\n<\/h2><div class=\"bde-div-1539-174 bde-div content-space\">\n  \n\t\n\n\n\n<div class=\"bde-rich-text-1539-175 bde-rich-text breakdance-rich-text-styles\">\n<p>Run the importer and select the images.xml from your machine. After this press the upload and import button.<\/p>\n<\/div><div class=\"bde-image-1539-176 bde-image\">\n<figure class=\"breakdance-image breakdance-image--1574\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a class=\"breakdance-image-link breakdance-image-link--lightbox\" href=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/2-importer.webp\" target=\"_self\" rel=\"noopener\" data-sub-html=\"\" data-lg-size=\"659-273\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/2-importer.webp\" width=\"659\" height=\"273\" srcset=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/2-importer.webp 659w, https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/2-importer-300x124.webp 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-1539-177 bde-rich-text breakdance-rich-text-styles\">\n<p>Toggle the Download and import file attachments checkbox and press Submit button. This action will start downloading the images from our server and uploading them to your server. Don't close your browser.<\/p>\n<\/div><div class=\"bde-image-1539-178 bde-image\">\n<figure class=\"breakdance-image breakdance-image--1583\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a class=\"breakdance-image-link breakdance-image-link--lightbox\" href=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/3-importer.webp\" target=\"_self\" rel=\"noopener\" data-sub-html=\"\" data-lg-size=\"659-451\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/3-importer.webp\" width=\"659\" height=\"451\" srcset=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/3-importer.webp 659w, https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/3-importer-300x205.webp 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-1539-192 bde-rich-text breakdance-rich-text-styles\">\n<p>When the import is complete, you will see a success message.<\/p>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-185 bde-div content-wrapper\">\n  \n\t\n\n\n\n<h2 class=\"bde-heading-1539-186 bde-heading\">\n3. Replace Url\n<\/h2><div class=\"bde-div-1539-187 bde-div content-space\">\n  \n\t\n\n\n\n<div class=\"bde-rich-text-1539-188 bde-rich-text breakdance-rich-text-styles\">\n<p>After import is finished last step is to replace image urls. Go to Breakdance -&gt; Settings -&gt; Tools and look for Replace URL tab. Old url will be: https:\/\/origin.wpsix.com and new url will be: https:\/\/your-domain.com<\/p>\n<\/div><div class=\"bde-image-1539-191 bde-image\">\n<figure class=\"breakdance-image breakdance-image--1621\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a class=\"breakdance-image-link breakdance-image-link--lightbox\" href=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/url-replace.webp\" target=\"_self\" rel=\"noopener\" data-sub-html=\"\" data-lg-size=\"659-232\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/url-replace.webp\" width=\"659\" height=\"232\" srcset=\"https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/url-replace.webp 659w, https:\/\/docs.wpsix.com\/origin\/wp-content\/uploads\/sites\/2\/2024\/04\/url-replace-300x106.webp 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-1539-193 bde-rich-text breakdance-rich-text-styles\">\n<p>That's all. Now images hosted from your own server.<\/p>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-152 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-div-1539-153 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-text-1539-154 bde-text\">\nLast updated:\n<\/div><div class=\"bde-text-1539-155 bde-text\">\nOctober 23, 2024 6:49 am\n<\/div>\n<\/div><div class=\"bde-div-1539-156 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-columns-1539-157 bde-columns\"><div class=\"bde-column-1539-158 bde-column\">\n  \n\t\n\n\n\n<a class=\"bde-container-link-1539-159 bde-container-link pager breakdance-link\" href=\"https:\/\/docs.wpsix.com\/origin\/optimization\/\" target=\"_self\" data-type=\"url\">\n  \n\t\n\n\n\n<div class=\"bde-text-1539-160 bde-text\">\nprevious page\n<\/div><div class=\"bde-text-1539-161 bde-text\">\nOptimization\n<\/div>\n\n<\/a>\n<\/div><div class=\"bde-column-1539-162 bde-column\">\n  \n\t\n\n\n\n<a class=\"bde-container-link-1539-163 bde-container-link pager breakdance-link\" href=\"https:\/\/docs.wpsix.com\/origin\/installation\/\" target=\"_self\" data-type=\"url\">\n  \n\t\n\n\n\n<div class=\"bde-text-1539-164 bde-text\">\nnext page\n<\/div><div class=\"bde-text-1539-165 bde-text\">\nTroubleshooting\n<\/div>\n\n<\/a>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1539-166 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-div-1539-167 bde-div\">\n  \n\t\n\n\n\n<div class=\"sx-icon-1539-168 sx-icon\">\n\n<div class=\"sx-icon-box\">\n\t\t\t<span class=\"iconify\" data-icon=\"ri:menu-4-fill\"><\/span>\n\t\n  <\/div>\n\n<\/div><h5 class=\"bde-heading-1539-169 bde-heading\">\nOn this page\n<\/h5>\n<\/div><div class=\"bde-table-of-contents-1539-170 bde-table-of-contents\">\n<div class=\"bde-table-of-contents__wrapper\">\n  <header class=\"bde-table-of-contents__header\">\n           <\/header>\n  \n  <div class=\"bde-table-of-contents__list\">\n    <nav id=\"bde-toc\" class=\"toc js-breakdance-toc\" aria-label=\"Table of contents\">There are no headings in this document.<\/nav>\n  <\/div>\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Import Images By default images hosted from our demo website but you can import them to your server with using the default built in WordPress importer and images.xml. I&#8217;ll show it in this section how to do that. Enable Svg Upload Before we jump into this don&#8217;t forget to enable svg file uploads from Breakdance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/pages\/1539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/comments?post=1539"}],"version-history":[{"count":0,"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/pages\/1539\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.wpsix.com\/origin\/wp-json\/wp\/v2\/media?parent=1539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}