HTML F.A.Q's

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi can I add HTML F.A.Q's

So on my F.A.Q's page, if someone clicks a question (link) this will then take them to the answer of the question on the same page?

Thanks
Photo of plumpedlipssmokeyeyes

plumpedlipssmokeyeyes

  • 103 Posts
  • 1 Reply Like

Posted 7 years ago

  • 1
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
Yes you can do that just give as an example so we can help you. There is a lot of way to do this. I use this style for my website
Ex:http://www.newpendant.com/ssq.php

or other options like most people will use
Ex:http://www.toyota.com/rental/faq.html
or link to answer page.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hello plumpedlipssmokeyeyes,

The HTML code you are requesting is very simple and straight forward. All you need to do is add some Anchor Links. An Anchor link is where you specify the anchor (the point where you would like the user to go to once they have clicked the link) and the link.

You will need to add some Text Widgets to your page, one with all of the questions in and one for each of the answers. You should enter the text for all of the questions into the relevant text widgets and then click on the HTML button in the Text Toolbar.

When the HTML area loads, you should enter the following code:


<a name="anchorname"></a>



You then change anchorname to a name that you wish - i.e. faq1

You should repeat the above steps until you have finished all of the answers. When you have finished writing all of the answers, you should enter the questions into the First Text Widget. Then click on the HTML button in the Text Toolbar.

The next step is to find the first question and wrap it in an <!--- <a> ---> tag. Like this:

If the code is like this:


[[[more code here]]]
<p>Question 1: How much does it cost?</p>
<p>Question 2: How does it work?</p>
<p>Question 3: Where can I get it from?</p>
<p>Question 4: What is special about it?</p>
<p>Question 5: If it breaks can I get my money back?</p>
[[[more code here]]]



Then you should make it look like this:


[[[more code here]]]
<p>Question 1: <a href="#faq1>How much does it cost?</a></p>
<p>Question 2: <a href="#faq2>How does it work?</a></p>
<p>Question 3: <a href="#faq3>Where can I get it from?</a></p>
<p>Question 4: <a href="#faq4>What is special about it?</a></p>
<p>Question 5: <a href="#faq5>If it breaks can I get my money back?</a></p>
[[[more code here]]]



The code that has been added is:



You should copy that bit of code and only change the text: anchorname. You must keep the # symbol.

All you have to do is make sure that the anchornames match up!

If you wanted to be really helpful to your customers, you could provide a link back to the questions after every answer. All you have to do is add the following code into a HTML Widget after every answer:


<a href="#questions">Click here to see the questions again</a>



And then you would have to add the following code above the question box.


<a name="questions"></a>



I hope that this has been informative and if you need anymore help just ask. You may also wish to look at this website: http://www.echoecho.com/htmllinks08.htm .

Kind Regards,

Andi
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Andi for your stellar help!
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
A great answer, Andi. It answered a few little queries of my own that I hadn't raised yet - like going back to the original page! Good job.