This is dependent on how your widget loads, but you can just copy and paste the following into your experiment variant's variation code that you're targeting:
window.onload = function(){
var pricingSection = document.getElementById('tm-top-c'); // Grabs the pricing section
if(pricingSection){ // Checks if the pricing section exists when the document has finished loading
pricingSection.remove(); // If the pricing section exists, remove it
}
}I've added comments to help you see what's happening.
I've tried inserting that into the test area, but it still isn't saving (I save the experiment and leave, come back and the edits are no longer visible). Here is the code I'm inserting:
The code I provided should be inserted into the variation code section with <script> and </script> (that section is already reserved for JavaScript). If you're making HTML changes below that code then those need to be rewritten into JavaScript as well if they're being pasted into the same variation code section.
Sure thing, I've attached a screenshot. It's the big white text area toward the bottom that says Variation Code above it.
You need to remove the script tags as I had mentioned, so where it says <script> and </script> - those need to be removed. On top of that, the HTML you're using to replace things with should be stored into one variable. For example:
var theHtmlYouMade = '<div><strong>Some text in here</strong></div>';
Now, instead of everything you have there, you can instead do the following:
$('.uk-scrollspy-init-inview > .uk-margin > div:eq(0)').replaceWith(theHtmlYouMade);
Finally, you need to work with your developers to resolve the following issues first otherwise you'll continue encountering issues: $ is undefined at the moment which means you can't use $('.some-selector') for example, and have to use jQuery('.some-selector') instead, and the selector you're attempting to replace with new HTML is not available until you scroll down on your page. You'll need to listen for whatever even triggers the presence of .uk-scrollspy-init-inview > .uk-margin > div:eq(0) and work off of that.
var theHtmlYouMade = '<div><strong>Some text in here</strong></div>';
Now, instead of everything you have there, you can instead do the following:
$('.uk-scrollspy-init-inview > .uk-margin > div:eq(0)').replaceWith(theHtmlYouMade);
Finally, you need to work with your developers to resolve the following issues first otherwise you'll continue encountering issues: $ is undefined at the moment which means you can't use $('.some-selector') for example, and have to use jQuery('.some-selector') instead, and the selector you're attempting to replace with new HTML is not available until you scroll down on your page. You'll need to listen for whatever even triggers the presence of .uk-scrollspy-init-inview > .uk-margin > div:eq(0) and work off of that.
Anytime, I'd say one approach would also be to use the WYSIWYG, make the adjustments you would have made with HTML then just paste the window.onload code I provided you after you do that.