close this to read article
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.
The following section lists the editor operations and corresponding JavaScript code snippets generated for the operations:
Move
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").vwoCss({ | |
| "top": "-92px !important", | |
| "left": "369px !important", | |
| "zIndex": "auto !important", | |
| "position": "relative !important", | |
| "display": "inline-block !important" | |
| }); |
Show/Hide (Visibility)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$(".top-vwo-logo--white").vwoCss({ | |
| "visibility": "hidden !important" | |
| }); |
Remove
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").vwoCss({ | |
| "display": "none !important" | |
| }); |
Change Image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").vwoCss({ | |
| "img": "/url/path !important" | |
| }); |
Change URLs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("anchorPath").attr({ | |
| "src": "/new/path" | |
| }); |
Change CSS (Styling)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").vwoCss({ | |
| "property1": value1, | |
| "property2": value2..!important | |
| }); |
Content (Edit)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").html("Content to put"); |
Content (Edit HTML)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").replaceWith("<div>Dummy HTML</div>"); |
Change Background Image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").vwoCss({ | |
| "background-image": "url(/images/vwo_logo.png) !important" | |
| }); |
Paste (Before An Element)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").before("<div>Dummy Existing Element to Paste</div>"); |
Paste (After An Element)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").after("<div>Dummy Existing Element to Paste</div>"); |
Rearrange
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").each(function() { | |
| var destP = vwo_$("#Id-prod-buy-outer"), | |
| dest = destP.nonEmptyContents().eq(1); | |
| if (dest.length) | |
| dest.before(this); | |
| else | |
| destP.append(this); | |
| }); |
Custom Code to Remove An Element from Your DOM
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| vwo_$("elementPath").remove(); | |
| or | |
| var dev = "xyz@example.com"; | |
| alert(dev); |