Pricing table: how to add a link to one of the features of the list

Support
#1

Our pricing table shows information about the shipping price for Spain, but we have another page for international shipping.

So the idea is to add a bullet point that says something like “for international shipping, click here”.

Unfortunately, my attempts to add a link seems to break the shortcode.

How could I do it? :confused:

#2

Hey @educainventions,

Please give us the URL of your pricing page so we could check the issue and so we could give the right recommendation.

Thanks.

#3

sure: https://www.edinventa.com/buy-heromask

#4

Hello @educainventions,

Thanks for sharing the URL. :slight_smile:

I see that you have removed the list item that was causing the problem with layout. However, can you just copy and paste the preceding list item shortcode in Pricing Table Element to add a new item and then use HTML link that to hyperlink the text. Here is the sample shortcode that you can look:

[cs_icon_list]
    [cs_icon_list_item type="check"]First Feature[/cs_icon_list_item]
    [cs_icon_list_item type="check"]Second Feature[/cs_icon_list_item]
    [cs_icon_list_item type="times"]Third Feature[/cs_icon_list_item]
    [cs_icon_list_item type="times"]Third <a href="#your-link-here">Feature</a>[/cs_icon_list_item]
[/cs_icon_list]

Also to help you I have recorded a screencast video. Please take a look. https://cloudup.com/cJXrTNHjUtR

In above code I have used Link tag. If you would like to learn more, please take a look at following resource.

https://www.w3schools.com/html/html_links.asp

If you would like to learn HTML, please take a look at following tutorial:

https://www.w3schools.com/html/

Thanks.

#5

Hi. Thanks very much for your code and video! I’ve searched in my code where the mistake is, but I’ve not been able to find it! This is my code:

[cs_icon_list]
[cs_icon_list_item type="check"]All languages included[/cs_icon_list_item]
[cs_icon_list_item type="check"]Free App updates[/cs_icon_list_item]
[cs_icon_list_item type="check"]International shipping with Amazon [/cs_icon_list_item]
[cs_icon_list_item type="check"] <a href="https://www.amazon.es/HeroMask-Aprende-idiomas-jugando/dp/B06XWHZ5Q4/">Check Amazon shipping costs here</a>[/cs_icon_list_item]
[/cs_icon_list]

[x_button href="https://www.edinventa.com/producto/heromask-full-pack/" size="large" rel="nofollow" data-quantity="1" data-product_id="491" data-product_sku=""]Buy now[/x_button]

The result is (the website url is https://www.edinventa.com/en/buy-heromask):

Where is my mistake??? :confused:

Thank youuuuuu :slight_smile:

Carlos

#6

Hi Carlos,

I tried your code in my test and it works without issues.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
#7

Sure, I’ll share it more than happy! :slight_smile:

#8

Hello @educainventions,

Thanks for sharing the details. :slight_smile:

I checked the page, and it looks like you are using WYSIWYG editor. Please paste the code in the code editor. I have tested the same on your website that is works fine. I have made the necessary changes, please take a look.

I have also taken a backup of the code that was there on the website. Sharing it below:

<p>[cs_icon_list]<br />[cs_icon_list_item type="check"]All languages included[/cs_icon_list_item]<br />[cs_icon_list_item type="check"]Free App updates[/cs_icon_list_item]<br />[cs_icon_list_item type="check"]International shipping with Amazon [/cs_icon_list_item]<br />[cs_icon_list_item type="check"] <span>&lt;a href="https://www.amazon.es/HeroMask-Aprende-idiomas-jugando/dp/B06XWHZ5Q4/"&gt;</span>Check Amazon shipping costs here&lt;/a&gt;[/cs_icon_list_item]</p><p>[/cs_icon_list]</p><p>[x_button href="https://www.amazon.es/HeroMask-Aprende-idiomas-jugando/dp/B06XWHZ5Q4/" size="large" rel="nofollow" target="blank"]Buy now[/x_button]</p>
```

Thanks.
#9

Did I make that silly mistake? Thanks so much! It’s perfect! Thanks for the back, that’s actually professional!!! :slight_smile:

#10

Thank you for your valuable feedback and glad we were able to help :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.