Insert an open new window hyerlink to a product

[Wilfred]

Hi, support team

I recently purchased a estore product. While creating a new product, I would like to insert a hyerlink (open new window) to the description of the product, eg more info click here, testimonials(clickable), details (clickable). So that the visitor can come back to my website after closing the window. I suppose it is quite common. I try it in add/edit product in edit post page, but it appears outside the product fancy display box. Please advise how to do it? Thank you

Wilfred

[amin007]

If you want to place anything inside the fancy display you need to save the details with the product when configuring the product.

Place your HTML code to open the link in the new window in the “Product Description” field (you can use HTML code in this field).

[Wilfred]

Thanks for you fast reply. I am able to place the html code but I am not sure how to open the link in the new window. pl advise how to do it perhaps step by step. Thank you.

Wilfred

[wpCommerce]

Say, you have a product “test” and a product page for that product “test-product”. you can put texts like “more info” giving link to that product page using the following code –

<a href="http://www.your-site.com/test-product" target="_blank">more info</a>

this should open the “test-product” page in a window once clicked on “more info”. Basically adding the following to a link opens it in a new window:

target="_blank"

[Wilfred]

thanks a lot. I manage to do it

Wilfred

[Wilfred]

How do I put different links in different paragraphs? eg three links in 3 paragraps/ lines

Link 1

link 2

link 3

Thanks

Wilfred

[amin007]

You just place HTML code to display it the way you want it to display.

You can use the <br /> tag to insert newline in HTML.

[Wilfred]

Thank you very much for all your help

Wilfred

[Wilfred]

Hi support team

I would like to ask further in addition to the question above, Where do I place a hyperlink ( open new window) to a product in the following manner:

Product A : Link 1 Link 2 Link 3

in a same line but in the difference positions instead of different paragraph.

Thanks

Wilfred

[amin007]

The easiest way to do this is to create a new test post or page then place the text and links the way you want it. Once you have that ready then switch to the HTML view and copy the code. Now you can paste the copied code in the Description section of the product and it should look the same.

[Wilfred]

Thank you

Wilfred

[Author]

Posts