Softaculous

Topic : Call To Action Button

Posted By: tedloukes on January 7, 2021, 12:52 pm

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

Posted By: MicroDrie on January 8, 2021, 12:03 am | Post: 1

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.

Posted By: tedloukes on January 8, 2021, 8:08 am | Post: 2

Thanks, so there is no immediate work around, other than creating a stand alone link next to the CTA widget.

Posted By: MicroDrie on January 8, 2021, 4:09 pm | Post: 3

What do you say "so there is no immediate work around" :squi:

What do you think of this approach ;-D

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
Paste the saved text at the end with Ctrl-V
Add

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

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.

Posted By: MicroDrie on January 8, 2021, 4:10 pm | Post: 4

I lost the image during when I placed the answer

Posted By: MicroDrie on January 8, 2021, 5:08 pm | Post: 5

Something went wrong with the copy. The correct HTML button source is:

Quote