It's funny!!!

Since 2017 (6 years) users have been asking to add the ability to mass import a list of redirects and WF is not itching.

I don't know whether to cry or laugh. We plan to migrate 30 sites to WF and each site has up to 1000 pages. I can already imagine this process of adding redirects by 1 piece.

It's sad...

Help! Webflow updated to a new Interface and now Finsweet's option AND the option below with the script in the console in Chrome are no longer working... Does anyone have another way to bulk import? Please help!

It's not just about mass import - you might need to manage them later as well. The best thing would be a simple plain text field to where you could comment out redirects as well.

Inside that field you simply copy paste all your urls in a certain (CSV?) Format - done :)

/old,/new
#/old2,/new2

None of the code snippets (that would be pasted into console) work - do what Michael recommends below to import/export, use Finsweet - it's f'in sweet!

For CSV imports, use Finsweet's free Chrome extension.

You get a nice import button on your redirects page.

https://chrome.google.com/webstore/detail/finsweet-extension-for-we/mjfibgdpclkaemogkfadpbdfoinnejep

For CSV exports, you can use my script here-

https://www.sygnal.com/blog/export-301-redirects-as-csv

Still waiting for this feature, and along the same lines ability to bulk export as well!

Hey everyone,

The original script is no longer working but I've updated it so that it works in the publishing tab/current setup

var hostingContainer = document.getElementsByClassName('redirects')[0];

var hostingController = angular.element(hostingContainer);

var scope = hostingController.scope();

var redirects = [

{redirectPath: '/old-path', redirectTarget: '/new-path'},

];

redirects.forEach(function (rule) {

scope.redirectPath = rule.redirectPath;

scope.redirectTarget = rule.redirectTarget;

scope.addRedirect();

});

Just some small tweaks but it worked well for me :)

Yes, please!

Yes please!

Yes please :)

Yes please! Would love the ability to import all redirects!

I have created a short tutorial showing how you can use Janne's hack AND Parabola to bring together your URL links and follow the var redirects structure. Hopefully some find it helpful!

https://www.sunrise.design/resources/bulk-import-301s

I've made a video to build on the use of the script posted below. The script is amazing but isn't too helpful if you have 1000+ items and don't want to manually enter them into the script. Using Parabola's free tier, you can do this really quickly! Check it out: https://youtu.be/fhHLOyVrwkk

    var hostingContainer = document.getElementsByClassName('hosting-tab')[0];
    var hostingController = angular.element(hostingContainer);
    var scope = hostingController.scope();

    var redirects = [
      {source: '/old1', target: '/new1'},
      {source: '/old2', target: '/new2'},
      {source: '/old3', target: '/new3'},
      {source: '/old4', target: '/new4'},
    ];

    redirects.forEach(function (rule) {
      scope.redirectPath = rule.source;
      scope.redirectTarget = rule.target;
      scope.addRedirect();
    });

Janne's hack worked!!!! I put 800 redirects into an excel sheet, concatenated the data together to follow the var redirects structure, and then copy and pasted into the google dev console. No need for a timeout, this hack is truly awesome. Thank you Janne!!!!!

"This hack works at least with few redirects in the list. If more, maybe some sort of a timeout between addRedirect calls is in place...

So you run this code in Google Chrome developer console as logged in user in Webflow on the Hosting tab in admin section pages. Just copy/paste the code to the console. Before that prepare the redirects-list with your own redirect rules.

    var hostingContainer = document.getElementsByClassName('hosting-tab')[0];
    var hostingController = angular.element(hostingContainer);
    var scope = hostingController.scope();

    var redirects = [
      {source: '/old1', target: '/new1'},
      {source: '/old2', target: '/new2'},
      {source: '/old3', target: '/new3'},
      {source: '/old4', target: '/new4'},
    ];

    redirects.forEach(function (rule) {
      scope.redirectPath = rule.source;
      scope.redirectTarget = rule.target;
      scope.addRedirect();
    });

Please!

Yes! Please!

Yes pelase! This is essential to anyone having to move over legacy websites

This hack works at least with few redirects in the list. If more, maybe some sort of a timeout between addRedirect calls is in place...

So you run this code in Google Chrome developer console as logged in user in Webflow on the Hosting tab in admin section pages. Just copy/paste the code to the console. Before that prepare the redirects-list with your own redirect rules.

    var hostingContainer = document.getElementsByClassName('hosting-tab')[0];
    var hostingController = angular.element(hostingContainer);
    var scope = hostingController.scope();

    var redirects = [
      {source: '/old1', target: '/new1'},
      {source: '/old2', target: '/new2'},
      {source: '/old3', target: '/new3'},
      {source: '/old4', target: '/new4'},
    ];

    redirects.forEach(function (rule) {
      scope.redirectPath = rule.source;
      scope.redirectTarget = rule.target;
      scope.addRedirect();
    });

woof. yeah, i was lucky i only had 70 or so, but I've had plenty of projects where this would have been brutal.

This would be a gem. Please bump!