Call To Action Button

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 10873 times)

tedloukes	# January 7, 2021, 12:52 pm
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	# January 8, 2021, 12:03 am \| Post: 1
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	# January 8, 2021, 8:08 am \| Post: 2
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	# January 8, 2021, 4:09 pm \| Post: 3
Group: Member Post Group: Working Member Posts: 175 Status:	What do you say "so there is no immediate work around" What do you think of this approach : Place a button widget Give the button a text such as CTA Enter the link field as shown Give the Rel field the value "noopener noreferrer" Test the page via Preview Change Place the mouse over the CTA key Right click on the CTA button Select the option Inspect element Move up a line starting with <a class and click it with the right mouse button Select the Edit as HTML option Select the HTML code with Ctrl-A Copy the selected HTML code with Ctrl-C Go back to your web page in SitePad Add and open the CTA widget Open the Button Style under settings Clear the default Button text (this will make the button disappear) Open the Text style under Settings Click on the </> button to open the HTML view Scroll to the text end Add <p> Paste the saved text at the end with Ctrl-V 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=""https://google.com" target="_blank"" rel=""noopener noreferrer""> <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	# January 8, 2021, 4:10 pm \| Post: 4
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	# January 8, 2021, 5:08 pm \| Post: 5
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 April 30, 2025, 6:53 pm.

Powered By AEF 1.0.8 © 2007-2008 Electron Inc.

Queries: 10 | Page Created In:0.031