 |
| Desktop + Mobile Detailed Locker |
- 1. Open the Visual Editor for Content Lockers
- 2. Click "Create New" to create a new Content Locker, give it a name, and then click "Done"
- 3. Click "Design Options > Import Design"
- 4. Copy this code
- 5. Paste the code in the Import text box.
- 6. Click the "Import" button
- 7. Click "Save" to save your design
How to customize this Content Locker?
With this Content Locker you're able to change the number of Offers to display, as well as almost all of the text that you can see, and even the default Offer image.
To change the amount of Offers that are displayed: Click on "Offers", and adjust the "Number of Offers" value.
To change the "Complete one Offer below to Unlock" text: Click on "Design Your Content Locker", choose "Header", and change the text in the "Text" input.
To change the "Waiting for Completion" text: Click on "Design Your Content Locker", choose "Footer", and change the text in the "Text" input.
To change the default Offer image: Click on "Custom CSS & JavaScript", choose "JavaScript", and change the URL in the defaultOfferImage variable. (Don't touch if you don't know what you're doing)
How do I use this Content Locker on my Landing Page?
If you're using CPABuild's Templates as your Landing Pages, visit the Global Links page, and click the "Edit" button next to each Template you want to use your new Content Locker on. Once you've pressed "Edit", just choose your new Mobile Locker and then press "Save".
If you're using custom Landing Pages, visit the Content Locker Code page, choose the Content Locker(s) you want to use, and then click "Generate Code". Follow the instructions depending on how you want to implement your Content Locker into your Landing Page.
With this Content Locker you're able to change the number of Offers to display, as well as almost all of the text that you can see, and even the default Offer image.
To change the amount of Offers that are displayed: Click on "Offers", and adjust the "Number of Offers" value.
To change the "Complete one Offer below to Unlock" text: Click on "Design Your Content Locker", choose "Header", and change the text in the "Text" input.
To change the "Waiting for Completion" text: Click on "Design Your Content Locker", choose "Footer", and change the text in the "Text" input.
To change the default Offer image: Click on "Custom CSS & JavaScript", choose "JavaScript", and change the URL in the defaultOfferImage variable. (Don't touch if you don't know what you're doing)
How do I use this Content Locker on my Landing Page?
If you're using CPABuild's Templates as your Landing Pages, visit the Global Links page, and click the "Edit" button next to each Template you want to use your new Content Locker on. Once you've pressed "Edit", just choose your new Mobile Locker and then press "Save".
If you're using custom Landing Pages, visit the Content Locker Code page, choose the Content Locker(s) you want to use, and then click "Generate Code". Follow the instructions depending on how you want to implement your Content Locker into your Landing Page.
No comments:
Post a Comment