Duplicated Page Needs CTA To Link To Separate Pages


#1

Hey guys–

So I duplicated a page on my site, but wanted to see what’s the quickest way to create different links for the CTA button at the bottom of the page.

I’ve tried a few different alternatives, but can’t seem to get each page’s CTA to direct to different pages since it’s a duplicated page. Essentially, I have two “How It Works” pages, and we want the “Match Now” button at the bottom to link to a different form for each of the pages.

I know it’s probably a simple solution, but I keep trying a bunch of alternatives, and can’t figure it out. Your help is much appreciated!

https://preview.webflow.com/preview/trytootles?preview=2eff3d1cfdee00cffd0a22814633a76c

Cheers,
JL


Here is my public share link: LINK
(how to access public share link)


#2

Hi @jose_llorens,

Good question.

To change the link URL - you would need to unlink the CTA symbol:

Then, you can update the URL.

The following shows the steps I took to complete the solution:

Hopefully this helps :blush:

Best,
Micah


#3

You’re a legend! Thanks for the help.

So simple…haha you’re the best


#4

By the way…I’m looking to create a page similar to this…

https://www.hioscar.com/news/millennials-guide-to-buying-health-insurance

You seem like an awesome person to ask :slight_smile: Any suggestions on setting up a layout that replicates this?? Appreciate the help once again.

Cheers,
JL


#5

Definitely, that is doable.

I’ll create the framework for it, and make it cloneable so that you can use it if you like.

Do you have any restrictions like will the majority of your users access the site with IE? I ask this because the layout can be completed with flexbox, but flexbox doesn’t play well with IE :blush:


#6

WOW! You’re really a legend if you can make that happen. It’s a popular layout nowadays so I think a lot of people would end up using it.

Stoked to see it! I’m not too concerned about IE right now haha I’ve already experienced a lot of flexbox issues in the past. We’ll survive!


#7

Well, it’s coming along: http://oscar-health-insurance.webflow.io/

I’ll let you know once it’s available :blush:


#8

Hey @jose_llorens,

You can preview how to complete the layout at the following Webflow share link: https://preview.webflow.com/preview/oscar-health-insurance?preview=855cf1150ec4f394a5aca4f8061ca2dd

I plan on polishing the template quite a bit more, then providing it as a cloneable site.
http://oscar-health-insurance.webflow.io/

Hopefully this helps :blush:

Best regards,
Micah


#9

Awesome!

This looks great so far. It’s exactly the same! Good stuff.

Will get started on this in the meantime. Looking forward to seeing your final version though. Your work is remarkable.


#10

Hey! I just posted this to the forum but also wanted to reach out directly to see if you have any feedback.

Was looking at my site earlier, and wanted to experiment to see if there’s a way to create a web app style flow where instead of scrolling traditionally down a page, users are guided through with full screen steps rather than having to scroll and digest content.

I was thinking about setting it up sort of like a slider with a fixed footer at the bottom to prompt users to the next section with a continue button. Wanted to see if anyone has tried to do something similar or has any suggestions on how to do so. Appreciate the help!

(https://www1.maine.gov/msl/tax/files/turbotax1_2014.jpg)

Btw…if there’s anything I can ever help you with just say the word. You’re a legend. Looking forward to hearing from you.

Cheers,
Jose


#11

Hey!

Yeah, this is definitely possible.

I quickly created something like what you are talking about at the following URLs:

I’ll polish this project, but until then you can clone it at the following URL: https://webflow.com/website/Web-App-Style-Flow

Hopefully this helps :blush:


#12

Awesome! This looks great!

It’s exactly how I thought I’d set it up. Wanted to know how it’s possible for the last step when a user is about to complete the process…how can I change the last CTA button from Next to Finish without affected the class I created.

You’re a true legend my friend.

Cheers,
J


#13

Oh good stuff! :blush:

And, good question.

To change the last CTA you would need to place slider into a form, then hide the buttons at each end (see image below), and finally update the Submit button so that it is in the same location as the Next button was.

I’ve updated the cloneable site, placed the slider into a form, and added a Submit button as the last CTA:

Hopefully this helps :blush:

Best,
Micah


#14

Hey @jose_llorens,

I just realized that I created an interactive mockup for Hunter some time ago that is very similar to what you are asking.

I just made the project cloneable for you: https://webflow.com/website/Multi-Step-Form-with-Right-Pane-Transition

Hopefully this helps :blush:


#15

More than helpful! Stoked to use this.

Can’t tell you enough how much I appreciate the help.

Exactly what I was looking for!


#16

So…I think the first one you sent me is going to be a better fit regarding what we’re doing.

Essentially I want to turn the majority of the plages on this site into a walkthrough process without any form input.

https://preview.webflow.com/preview/trytootles?preview=2eff3d1cfdee00cffd0a22814633a76c

I’m experimenting to see the flow of a site that walks the users through the process rather than having them scroll through.

Having some trouble with the flex items (submit button) when creating the slider page. Let me know your thoughts.

Best,
J


#17

I just tried adding symbols into a slider and that didn’t turn out the way I planned…

How do you suggest approaching the layout you sent over using the current site that I have up. Looking to take the steps sections and how it works sections and turn it into a walkthrough (multi step form) where users can just click through each slide.

Ah! This sucks haha not sure what to do…


#18

Hi @jose_llorens,

Sorry for the late response as I’m currently at my full time job, but I will be able to take a closer look and provide an answer before 8pm CST.

No worries :blush:


#19

No worries!

That would be incredible. Thanks again!


#20

Hey @jose_llorens,

I implemented the slider walkthrough on your “Hello Flow” page and created a video (no sound):
https://youtu.be/OmMMdHBUKqU

The video shows you how to place the slider navigation at the bottom of the page (setting a height, adding 0 to bottom margin), then I just added some content in the slider to show you how it works.

Hopefully this helps :blush:

Best,
Micah