Add a simple standard button to a page

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Dear people, I've browsed the forum, but I couldn't find an answer easy enough to transfer to my problem. I'd like to add a link to a page which takes you back to the previous page, but I'd like something nicer than just a word that I assign a link to and it is just displayed as an underlined word. I'd like just a plain button as it used for submit forms, but instead of the function "submit" I'd like to name it "back" and link it to the previous page. I tried to copy/paste html-code and to personalize it, but it is just not working properly. In Internet Explorer the buttons do not work at all. Who can help?
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
  • frustrated

Posted 7 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello chillcrochet,

You can certainly add a button such as the one you are requesting. Since you already have found one that you are interested in using, do you mind sharing the HTML with us so we can have a peek at it and try to locate what is going wrong for you?

Another really easy way to make a button is by using a banner program to create the actual button and then adding a link to it. Here is a thread on our forum that you may find helpful: What is the best banner making tool? Here is a tutorial on how to create picture link.

We are eager to assist you with this.

Kind Regards,
Brianna
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
Dear Brianna

Thank you very much for your fast reply!
Here's the link to the page of my website where I'd like to put the button to:
http://juliencosmo.yolasite.com/uni-h...

As you can see, the button is already there (under the picture). It's working in Firefox, but not in Internet Explorer 8. The html I used is:
<!--
<p style="text-align: center;"><a href="picture-gallery.php"><input value="zurück" type="button"></a></p>
-->

I'm not very good at html programming ...
What do I have to change to make it work? Can I use this type of button to create any link I want?

Thank you for your help!
Julien Cosmo
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
Are you looking for some thing like this?
<!--
<input onclick="history.back();" value="Go Back" type="button">
-->
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
Dante, that's awesum, thanks a lot! It's working in both FF and IE.
Can I also combine it with a link address instead of "history back"?
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
to use an link use this
<!--
<a href="LINK ADDRESS YOU WANT">NAME TO LINK</a>
-->
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
Dear Dante, thx for your help! But can I use this code on the button? I mean if I want the browser to go to a certain page when someone presses the button, how can I do that? Can I just put the code you mentioned above in front of the code for the button? How should that exactly look like?? Hope I'm not irritating you. Thank you. JC
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
can you send me a link as example where you want to use or what you what you want to do. and i will or yola sport will do their best to help you
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi chillcrochet

Dante, thank you for helping out with the HTML codes. I have another HTML code to share. This one allows you to use your existing button image:

<!-- <a href="#" onclick="history.back();return false"><img src="resources/button.png"></a> -->

To use this code, delete or comment out the code you have in your widget. Use <!-- --> around code to comment out the code. Remember to change the image file name to your one.

I tested the code in IE7 and Firefox 3.6.13 and it works in both browsers. I hope this works for you too. If you have any problems with it, please paste your code and we will help you.

Good luck!
Nazlie
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
Dear Dante and Nazlie
Thank you guys for trying to help me. Nazlie, thx for the code given above, it is interesting to know, but it doesn't answer my question - I am sorry. What I want to do is much more simple. Let me try to explain it to you again as well as I can:
Let's say I have created a page called "latest news". Now I want to have that grey back-button on let's say the page "home". I don't want it to say "back", but "latest news", so I rename the button to "latest news". Now if someone is on the page "home" and clicks on that button, I want him to get to the page "latest news". That's what I want to do - just that simple - but what html code do I have to write to get this or how do I have to change the code that Dante gave me above to create the back-button? Do you get me ...?
Thank you for your help and time!
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello!
I am going to refer your request to our HTML team who will assist you when they come back online. We appreciate your patience.
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
okay chillcrochet i understand what you want to do. What i need is can you send me the link that you will post your news.
( or make to news page ready and post here your webpage name. i will check your page and help you)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Dante for the amazing help you're giving on this thread!
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hello chillcrochet

I appreciate you explaining it again and you're right - it is a lot simpler than I understood it earlier.

I think this is the code you want for your button:
<!-- <input type=button onClick="location.href='latestnews.php'" value='Latest News'> -->

In this example, the page name is called "latestnews" so you need to change the location.href= to your page name.

Please try it and let us know if that is what you had in mind.

Nazlie
Photo of chillcrochet

chillcrochet

  • 6 Posts
  • 1 Reply Like
YEEEEEEES! That's exactly what I was trying to get to know ... A BIG, BIG THANK YOU to you guys. I knew it had to be simple. I would like to suggest to add buttons like that to the sitebuilder sidebar as a widget ... It's great and it's working! Thank you very much!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
That's great news, so glad that's what you were looking for. We'll pass on your feature request to our Product Team!