How to add Confetti to your MemberVault Page
Adding Confetti animation to MemberVault is really easy!
No coding skills required. Simply follow these steps and you're good to go.
First Create the Confetti Animation
Step 0: Create a custom Confetti animation and generate the code to install on your website by visiting ConfettiPage.com.
Step 1: Click the black button that says “Copy Code”.
Step 2: On MemberVault go to the desired page you want the confetti to be in.
Then Install the Confetti Code on your Chosen Page
Step 3: Go to MemberVault, and then on the Main Menu, click on “Content”.
Step 4: Choose where you want to add your confetti. On this example, we will use “Pages”. Then, click on the relevant page you want to add the Confetti animation to. In the example shown, we will use the “Subscribe Here - ML” to go to the Editor.
Step 5: Scroll down to go to “Page Content” and look for the “Add Layout Block” button.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
Step 6: It will add a block where you can choose what element you would like to add.
Choose “Custom” in the drop-down menu.
Step 7: Click on the "Add Content" button.
Step 8: A new custom block will be added. Click on the Edit icon.
Step 9: A box will pop up where you can paste in the confetti code next. This is what it will look like.
Step 10: To “paste” the code you copied from ConfettiPage.com earlier, use the text shortcut “Control V” for Windows or “Command V” for Mac.
Step 11: Once you see the Confetti code pasted into the Custom code block, click "Save Block".
Step 12: Scroll up then click on the Preview link. This will open in a new tab and you should see the Confetti animation in action!
If you did all the steps above correctly, the Confetti code will work. Congratulations!
Optional: Remove the Watermark
If you are using the free version, you will see the “ConfettiPage.com” branding appear at the bottom left.
If you would like it removed, simply pay for a license to use it without the watermark.