Welcome Guest. Please Login or Register  


You are here: Index > SitePad Website Builder > General Support > Topic : Call To Action Button



Threaded Mode | Print  

 Call To Action Button, Open Link in New Tab (5 Replies, Read 9439 times)
tedloukes
Group: Member
Post Group: Newbie
Posts: 5
Status:
Hi, how do I get the link placed in the Call To Action widget Button to open in new tab. There does not seem to be that option in this widget.
Thanks
IP: --   

Call To Action Button
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
Not only an "open in new tab" is missing from the Call To Action widget. To be able to safely execute the function "open in new tab", the input string rel = "noopener noreferrer" must also be given to prevent abuse. Since the "open in new tab" can now only be used insecurely, it could ask via a "Suggestion" to add the capability in a future software version so that the "open in new tab" option will be safe. can be used.
IP: --   

Call To Action Button
tedloukes
Group: Member
Post Group: Newbie
Posts: 5
Status:
Thanks, so there is no immediate work around, other than creating a stand alone link next to the CTA widget.
IP: --   

Call To Action Button
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
What do you say "so there is no immediate work around"  :squi:

What do you think of this approach ;-D :
  1. Place a button widget
  2. Give the button a text such as CTA
  3. Enter the link field as shown
  4. Give the Rel field the value "noopener noreferrer"
  5. Test the page via Preview Change
  6. Place the mouse over the CTA key
  7. Right click on the CTA button
  8. Select the option Inspect element
  9. Move up a line starting with <a class and click it with the right mouse button
  10. Select the Edit as HTML option
  11. Select the HTML code with Ctrl-A
  12. Copy the selected HTML code with Ctrl-C
  13. Go back to your web page in SitePad
  14. Add and open the CTA widget
  15. Open the Button Style under settings
  16. Clear the default Button text (this will make the button disappear)
  17. Open the Text style under Settings
  18. Click on the </> button to open the HTML view
  19. Scroll to the text end
  20. Add <p>
  21. Paste the saved text at the end with Ctrl-V
  22. Add </p>
The HTML code for the button can depend on the theme used, for me it looks like this as an example to open google.com with CTA button text:
Quote
<a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-default pagelayer-btn-large pagelayer-btn-icon-left" href="&quot;https://google.com&quot; target=&quot;_blank&quot;" rel="&quot;noopener noreferrer&quot;">
                   
                    <span class="pagelayer-btn-text">CTA</span>
                   
                </a>
You could remove or leave the white space between the > and < characters at the end.
Please let me know if I was able to perform these steps one by one in this order with Firefox browser.

IP: --   

Call To Action Button
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
I lost the image during when I placed the answer
IP: --   

Call To Action Button
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
Something went wrong with the copy. The correct HTML button source is:
Quote
<center><p><a class="pagelayer-btn-holder
pagelayer-ele-link pagelayer-btn-default pagelayer-btn-large
pagelayer-btn-icon-left" href="https://google.com" target="_blank"
rel="noopener noreferrer"><span class="pagelayer-btn-text">CTA</span></a></p></center>


IP: --   

« Previous    Next »

Threaded Mode | Print  



Jump To :


Users viewing this topic
1 guests, 0 users.


All times are GMT. The time now is March 30, 2024, 12:09 am.

  Powered By AEF 1.0.8 © 2007-2008 Electron Inc.Queries: 11  |  Page Created In:0.044