Content area preventing external script from loading

[jamesjcreston]

Hello, please follow this link
http://vampsalon.com/book-online-vamp-salon/

This is what the page should look like. This is when the code is pasted directly into the page NOT using PRO.

Follow this link
http://vampsalon.com/844-2/

This is what happens when the code is pasted into the “Pro Content Area” element.

<div class="vagaro" style="width:250px; padding:0; border:0; margin:0 auto; text-align:center;"><style>.vagaro a {font- 
size:14px; color:#AAA; text-decoration:none;}</style><a href="https://sales.vagaro.com/">Powered by 
Vagaro</a>&nbsp;<a href="https://sales.vagaro.com/salon-software">Salon Software</a>,&nbsp;<a 
href="https://sales.vagaro.com/spa-software">Spa Software</a>&nbsp;&amp;&nbsp;<a 
href="https://sales.vagaro.com/fitness-software">Fitness Software</a><script type="text/javascript" 
src="https://www.vagaro.com//resources/WidgetEmbeddedLoader/OZqqCJWp9dGyc8? 
v=kdF6EZS3wm7KFGy26V1fUnz5GWixBgfqzkiBOAQtQwc0#"></script></div>

I appreciate any help that can be offered. Thank you for your time!

Sincerely
James Creston

[jumar]

Hello @jamesjcreston,

Thanks for writing in! Let us do this according to best practice.

1. First, backup your code above and remove it on your page.

2. Please setup a child theme: How To Setup Child Themes

3. Once your child theme has been setup, kindly open functions.php file and paste this code:

function load_script_content() {
	return '<script type="text/javascript" 
src="https://www.vagaro.com//resources/WidgetEmbeddedLoader/OZqqCJWp9dGyc8?v=kdF6EZS3wm7KFGy26V1fUnz5GWixBgfqzkiBOAQtQwc0#"></script>';
}

add_shortcode('custom_script', 'load_script_content');  

4. Then open Cornerstone and add this shortcode in a Raw Content element:

[custom_script]

5. Then go to Pro > Theme Options > CSS:

.vagaro {
   margin: 0 auto;
   padding: 0; 
   width: 250px; 
   text-align: center;
   border: 0; 
}
.vagaro a {
    padding: 0 10px;
    font-size: 14px; 
    color: #AAA; 
    text-decoration: none;
}

6. Lastly, add this code in your page:

<div class="vagaro">
  <a href="https://sales.vagaro.com/">Powered by Vagaro</a>
  <a href="https://sales.vagaro.com/salon-software">Salon Software</a>
  <a href="https://sales.vagaro.com/spa-software">Spa Software</a><span>&amp;</span>
  <a href="https://sales.vagaro.com/fitness-software">Fitness Software</a>
</div>

Hope this helps.

[jamesjcreston]

Hi Jumar,

I was able to make the updates precisely as you described.
It is not showing anything at all aside from the HTML code.

Thank you again for your time and your help!

James C

[jumar]

Hello there,

Can I ask for your Wordpress Admin username/password so we can take a closer look?

Thank you.