JavaScript Code Snippets for Standard VWO Editor operations

Last updated

For every action you perform inside VWO Editor, it generates a JavaScript code snippet. You can modify the generated code snippet to implement changes to the element.editor-57

The following table lists the actions and corresponding code snippets:

Operation JavaScript Code Generated
Move vwo_$(’elementPath’).css({‘position’: ‘absolute’, ‘left’: 10, ‘right’: 20, ‘zIndex’: 10})
Resize vwo_$(’elementPath’).css({‘display’: ‘block’, ‘width’: ‘300px’, ‘height’: ‘100px’, ‘zIndex’: 10})
Show/Hide (Visibility) vwo_$(’elementPath’).css({‘visibility’: ‘hidden’});
Remove vwo_$(’elementPath’).css({‘display’: ‘none’});
Change URL (Images) vwo_$(‘imgPath’).attr({ ‘href’: ‘/new/path’ });
Change SRC (Links) vwo_$(‘anchorPath’).attr({ ‘src’: ‘/new/path’ });
Change CSS (Styling) vwo_$(‘elementPath’).css({‘property1’: value1, ‘property2’: value2..});
Content (Edit) vwo_$(‘elementPath’).html(‘Content to put’);
Content (Edit HTML) vwo_$(‘elementPath’).replaceWith(‘<div>Dummy HTML</div>’);
Change Background Image vwo_$(’elementPath’).css({background-image: ‘url(/images/vwo_logso.png)’});
Paste (Before An Element) vwo_$(‘elementPath’).before(‘<div>Dummy Existing Element to Paste</div>);
Paste (After An Element) vwo_$(‘elementPath’).after(‘<div>Dummy Existing Element to Paste</div>);
Rearrange vwo_$(‘elementPath’).insertBefore(‘elementPath1’);
Custom Code to Remove An Element from Your DOM vwo_$(‘elementPath’).remove();


var dev = ‘’;


Was this article helpful?

Thanks for your feedback!
Please email us at to tell us what you were looking for. We'll send the answer to your inbox.

Contact Us / Login

Resources Home