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!

Yes, please. Redirects are a pain, but so important for SEO.

Pretty please!

It's 2020 and it's time to be able to bulk upload 301's! Please make either this a feature, it is essential if you're going to steal away loyal Wordpress clients ;)

There really needs to be an option to upload them as a csv.

still needed — absolutely. would cut down on a ton of manual work.

I also have hundreds of 301 redirects to create. Can't believe I'm going to have to do them manually.