Wednesday, February 12, 2020

Side By Side Desktop + Mobile Content Locker

Hey there everyone, here's a quick new design you can use to place your image next to your Offers, as well as show a list of Recent Winners.

Side By Side Desktop + Mobile Content Locker

How do I start using this Content Locker design?
  • 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. In the text area, paste the code below
    Code: Select all
    eyJjc3MiOnsicGMiOnsiYm9keSI6eyJiYWNrZ3JvdW5kIjp7ImNvbG9yIjoiI2ZmZmZmZiIsImhvcml6b250YWwiOiJsZWZ0IiwiaW1hZ2UiOiIiLCJzaXplIjoiY292ZXIiLCJ2ZXJ0aWNhbCI6InRvcCJ9fSwiYm9keS1odW1hbi12ZXJpZmljYXRpb24iOnsiYmFja2dyb3VuZCI6eyJjb2xvciI6IiNmYmZiZmIiLCJob3Jpem9udGFsIjoibGVmdCIsImltYWdlIjoiIiwic2l6ZSI6ImNvdmVyIiwidmVydGljYWwiOiJ0b3AifSwiYmFja2dyb3VuZC1ob3ZlciI6eyJjb2xvciI6IiNiMWIxYjEiLCJob3Jpem9udGFsIjoibGVmdCIsImltYWdlIjoiIiwic2l6ZSI6ImNvdmVyIiwidmVydGljYWwiOiJ0b3AifSwiYm9yZGVyLXJhZGl1cyI6IjQiLCJib3JkZXItY29sb3IiOiIjYjliOWI5IiwiYm9yZGVyLWNvbG9yLWhvdmVyIjoiI2I5YjliOSIsImJvcmRlci13aWR0aCI6IjEiLCJmb250LWNvbG9yIjoiIzljOWM5YyIsImZvbnQtY29sb3ItaG92ZXIiOiIjNTY1NjU2IiwiZm9udC1zaXplIjoiMTQiLCJmb250LXdlaWdodCI6Im5vcm1hbCIsIm1hcmdpbi1ib3R0b20iOiI3OSIsIm1hcmdpbi10b3AiOiI4NCIsInBhZGRpbmctdG9wIjoiOCIsInBhZGRpbmctYm90dG9tIjoiOCJ9LCJib2R5LW9mZmVycyI6eyJ0ZXh0LWJvdHRvbS1hbGlnbiI6ImNlbnRlciIsInRleHQtYm90dG9tLWNvbG9yIjoiIzNkM2QzZCIsInRleHQtYm90dG9tLXBhZGRpbmctYm90dG9tIjoiMjEiLCJ0ZXh0LWJvdHRvbS1wYWRkaW5nLXRvcCI6IjIyIiwidGV4dC1ib3R0b20tc2hhZG93IjoidHJhbnNwYXJlbnQiLCJ0ZXh0LWJvdHRvbS1zaXplIjoiMTMiLCJ0ZXh0LWJvdHRvbS13ZWlnaHQiOiJub3JtYWwiLCJ0ZXh0LXRvcC1hbGlnbiI6ImNlbnRlciIsInRleHQtdG9wLWNvbG9yIjoiIzE3MTcxNyIsInRleHQtdG9wLXBhZGRpbmctYm90dG9tIjoiMjkiLCJ0ZXh0LXRvcC1wYWRkaW5nLXRvcCI6IjMwIiwidGV4dC10b3Atc2hhZG93IjoidHJhbnNwYXJlbnQiLCJ0ZXh0LXRvcC1zaXplIjoiMTUiLCJ0ZXh0LXRvcC13ZWlnaHQiOiJib2xkIn0sImJvZHktb2ZmZXJzLWxpc3QiOnsiYWxpZ24iOiJjZW50ZXIiLCJiYWNrZ3JvdW5kIjp7ImNvbG9yIjoiI2E2YTZhNiIsImhvcml6b250YWwiOiJsZWZ0IiwiaW1hZ2UiOiIiLCJzaXplIjoiY292ZXIiLCJ2ZXJ0aWNhbCI6InRvcCJ9LCJiYWNrZ3JvdW5kLWhvdmVyIjp7ImNvbG9yIjoiIzc4Nzg3OCIsImhvcml6b250YWwiOiJsZWZ0IiwiaW1hZ2UiOiIiLCJzaXplIjoiY292ZXIiLCJ2ZXJ0aWNhbCI6InRvcCJ9LCJib3JkZXItY29sb3IiOiIjMjM1ZDc4IiwiYm9yZGVyLXJhZGl1cyI6IjMiLCJib3JkZXItd2lkdGgiOiIwIiwiZm9udC1jb2xvciI6IiNmZmZmZmYiLCJmb250LWNvbG9yLWhvdmVyIjoiI2ZmZmZmZiIsImZvbnQtc2l6ZSI6IjEzIiwiZm9udC13ZWlnaHQiOiJub3JtYWwiLCJtYXJnaW4tYm90dG9tIjoiNCIsIm1hcmdpbi10b3AiOiIwIiwicGFkZGluZy1ib3R0b20iOiI5IiwicGFkZGluZy10b3AiOiI5IiwidGV4dC1hbGlnbiI6ImNlbnRlciIsIndpZHRoIjoiMTAwIn0sImhlYWRlciI6eyJiYWNrZ3JvdW5kIjp7ImNvbG9yIjoiI2ZmZmZmZiIsImhvcml6b250YWwiOiJsZWZ0IiwiaW1hZ2UiOiIiLCJzaXplIjoiY292ZXIiLCJ2ZXJ0aWNhbCI6InRvcCJ9LCJib3JkZXItY29sb3IiOiIjZmZmZmZmIiwiYm9yZGVyLXdpZHRoIjoiMCIsImJvcmRlci1ib3gtc2hhZG93IjoidHJhbnNwYXJlbnQiLCJkaXNwbGF5Ijoibm9uZSIsImZvbnQtYWxpZ24iOiJjZW50ZXIiLCJmb250LWNvbG9yIjoiIzVmNWY1ZiIsImZvbnQtc2l6ZSI6IjE3IiwiZm9udC13ZWlnaHQiOiJub3JtYWwiLCJwYWRkaW5nLWJvdHRvbSI6IjkiLCJwYWRkaW5nLXRvcCI6IjUwIn0sImZvb3RlciI6eyJiYWNrZ3JvdW5kIjp7ImNvbG9yIjoiI2VkZWRlZCIsImhvcml6b250YWwiOiJsZWZ0IiwiaW1hZ2UiOiIiLCJzaXplIjoiY292ZXIiLCJ2ZXJ0aWNhbCI6InRvcCJ9LCJib3JkZXItY29sb3IiOiIjZmZmZmZmIiwiYm9yZGVyLXdpZHRoIjoiMCIsImJvcmRlci1ib3gtc2hhZG93IjoidHJhbnNwYXJlbnQiLCJkaXNwbGF5IjoiYmxvY2siLCJmb250LWFsaWduIjoiY2VudGVyIiwiZm9udC1jb2xvciI6IiMxNzE3MTciLCJmb250LXNpemUiOiIxNCIsImZvbnQtd2VpZ2h0IjoiYm9sZCIsInBhZGRpbmctYm90dG9tIjoiMTEiLCJwYWRkaW5nLXRvcCI6IjEzIn0sImxvY2tlciI6eyJib3JkZXItcmFkaXVzIjoiOCIsImJveC1zaGFkb3ciOiIjODU4NTg1IiwiZm9udCI6Ik1vbnRzZXJyYXQiLCJ3aWR0aCI6IjYxNSJ9LCJwYWdlIjp7ImJhY2tncm91bmQiOnsiY29sb3IiOiIjNDY0MTQxIiwiaG9yaXpvbnRhbCI6ImxlZnQiLCJpbWFnZSI6IiIsInNpemUiOiJjb3ZlciIsInZlcnRpY2FsIjoidG9wIn0sIm9wYWNpdHkiOiIyNSJ9fSwicGhvbmUiOnsiYm9keSI6e30sImJvZHktaHVtYW4tdmVyaWZpY2F0aW9uIjp7ImJvcmRlci1yYWRpdXMiOiI0IiwiYm9yZGVyLXdpZHRoIjoiMSIsImZvbnQtc2l6ZSI6IjExIiwiZm9udC13ZWlnaHQiOiJub3JtYWwiLCJtYXJnaW4tYm90dG9tIjoiNTciLCJtYXJnaW4tdG9wIjoiNjAiLCJwYWRkaW5nLXRvcCI6IjgiLCJwYWRkaW5nLWJvdHRvbSI6IjgifSwiYm9keS1vZmZlcnMiOnsidGV4dC1ib3R0b20tcGFkZGluZy1ib3R0b20iOiIxNyIsInRleHQtYm90dG9tLXBhZGRpbmctdG9wIjoiMTYiLCJ0ZXh0LWJvdHRvbS1zaXplIjoiMTMiLCJ0ZXh0LWJvdHRvbS13ZWlnaHQiOiJub3JtYWwiLCJ0ZXh0LXRvcC1wYWRkaW5nLWJvdHRvbSI6IjE3IiwidGV4dC10b3AtcGFkZGluZy10b3AiOiIyMiIsInRleHQtdG9wLXNpemUiOiIxNCIsInRleHQtdG9wLXdlaWdodCI6ImJvbGQifSwiYm9keS1vZmZlcnMtbGlzdCI6eyJib3JkZXItd2lkdGgiOiIxIiwiZm9udC1zaXplIjoiMTIiLCJmb250LXdlaWdodCI6Im5vcm1hbCIsIm1hcmdpbi1ib3R0b20iOiI0IiwibWFyZ2luLXRvcCI6IjAiLCJwYWRkaW5nLWJvdHRvbSI6IjgiLCJwYWRkaW5nLXRvcCI6IjkiLCJ3aWR0aCI6IjEwMCJ9LCJoZWFkZXIiOnsiYm9yZGVyLXdpZHRoIjoiMCIsImZvbnQtc2l6ZSI6IjEzIiwiZm9udC13ZWlnaHQiOiJub3JtYWwiLCJwYWRkaW5nLWJvdHRvbSI6IjAiLCJwYWRkaW5nLXRvcCI6IjMzIn0sImZvb3RlciI6eyJib3JkZXItd2lkdGgiOiIwIiwiZm9udC1zaXplIjoiMTMiLCJmb250LXdlaWdodCI6ImJvbGQiLCJwYWRkaW5nLWJvdHRvbSI6IjkiLCJwYWRkaW5nLXRvcCI6IjExIn0sImxvY2tlciI6e30sInBhZ2UiOnt9fX0sImNzcy1jdXN0b20iOiIjbXktbG9ja2VyIHtcbiAgICBib3JkZXI6IDhweCBzb2xpZCAjMDM5QkU1ICFpbXBvcnRhbnQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jbXktbG9ja2VyLXRvcCBpbWcge1xuICAgIGhlaWdodDogMTIwcHg7XG59XG5cbiNteS1sb2NrZXItYm9keS1vZmZlcnMtbGlzdCBhIHtcbiAgICBib3JkZXItd2lkdGg6IDAgIWltcG9ydGFudDtcbn1cblxuI215LWxvY2tlci1pbWFnZSB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiAzOCU7XG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuI215LWxvY2tlci1pbWFnZSBpbWcge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIG1heC13aWR0aDogODElO1xuICAgIHdpZHRoOiA4MSU7XG59XG5cbiNteS1sb2NrZXItYm9keS1vZmZlcnMtbGlzdCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgICB3aWR0aDogNjAlO1xuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbiNteS1sb2NrZXItYm90dG9tICNyZWNlbnQtd2lubmVycyB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWwgIWltcG9ydGFudDtcbiAgICBtYXJnaW4tbGVmdDogNHB4O1xufVxuXG4jbXktbG9ja2VyLWJvdHRvbSBpbWcge1xuICAgIG1hcmdpbi1sZWZ0OiA5cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAycHg7XG4gICAgbWF4LWhlaWdodDogMTRweDtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG5ib2R5Lm1vYmlsZSAjbXktbG9ja2VyLWltYWdlIGltZyB7XG4gICAgbWF4LXdpZHRoOiA3OSU7XG4gICAgd2lkdGg6IDc5JTtcbn1cblxuYm9keS5tb2JpbGUgI215LWxvY2tlci1ib2R5LW9mZmVycy1saXN0IGE6bnRoLWNoaWxkKDUpIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbmJvZHkubW9iaWxlICNteS1sb2NrZXItYm90dG9tIGltZyB7XG4gICAgbWF4LWhlaWdodDogMTJweDtcbn0iLCJnb29nbGUiOnsiYW5hbHl0aWNzLXRyYWNraW5nLWlkIjoiIiwiZXZlbnQtdHJhY2tpbmciOiJkaXNhYmxlZCIsInRyYW5zbGF0ZSI6ImVuYWJsZWQifSwiamF2YXNjcmlwdC1jdXN0b20iOiIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIFlPVSBDQU4gQ0hBTkdFIFRIRSBWQVJJQUJMRVMgSEVSRVxuICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuXG52YXIgcmVjZW50V2lubmVycyA9IDI7IC8vIEhvdyBtYW55IHdpbm5lcnMgd2lsbCBiZSBkaXNwbGF5ZWQ/XG52YXIgcmVjZW50V2lubmVyU2VjcyA9IDY7IC8vIENoYW5nZSB0aGUgd2lubmVycyBldmVyeSB4IHNlY29uZHNcbnZhciBjb3VudHJ5RmxhZ3MgPSBbJ3VzJywgJ3VrJywgJ2RlJywgJ2ZyJ107IC8vIE1ha2Ugc3VyZSB0aGlzIGV4aXN0cyBpbiB0aGUgZmxhZ1VybHMgdmFyaWFibGUgYmVsb3cuXG52YXIgdXNlcm5hbWVzID0gWydUdXJ0bGV0aGVDYXRjeWgnLCAnUG9iZWx0ZXInLCAnRXVnZW5lSlBhcmsnLCAnRG91YmxlbGlmdCcsICdDOVNuZWFreScsICdsYW1CamVyZycsICdQb3BvYmVsdGVyb2xkJywgJ0hPR0VFJywgJ1dpekZ1amlpTicsICdIb3RHdXk2UGFjaycsICdkYXdvb2ZzY2xhdycsICdUaVBBcG9sbG8nLCAnU29lcmVuJywgJ0ZTTkNodW5reWZyZXNoJywgJ0FyaWFuYTIyUk9PJywgJ1dha2VyJywgJ1BvZHUnLCAnQzlIYXJkJywgJ1NoaXBodHVyJywgJ0hPb1p5JywgJ0NoYXBhbnlhJywgJ0R5cnVzJywgJ0VudHJhbmNlZCcsICdXaWxkVHVydGxlJywgJ1dpbGRUdXJ0bCcsICdsbnRlbnNlJywgJ0hhdW50emVyJywgJ0xpcXVpZEZlbmlYJywgJ1RIRXhKT0hOeENFTkE1NTUnLCAnSW1hcXRwaWUnLCAnWmlvblNwYXJ0YW4nLCAnSkphY2tzdGFyJywgJ0Vra29jYXQnLCAnTGlxdWlkS0VJVEgnLCAnbWxka2luZ2tpbmcnLCAnTG9vcGVyY29ybicsICdUaVBNYScsICdPaGhocScsICduaW5qYW1hc3RlcjY5eHh4JywgJ0NhbGlUcmxvbHo4JywgJ2ljZScsICdDOU1ldGVvcycsICdKYW5uYU1lY2hhbmljcycsICdLRUlUSE1DQlJJRUYnLCAnZHVuYW1pcycsICdRdWFzbWlyZScsICdzY29ycm8nLCAnTGlxdWlkUXVhcycsICdHVkhhdW50emVyJywgJ1BlbmdZaWxpYW5nJywgJ0Nhc2VseScsICd3YWhvb2xhaG9vbGEnLCAnZ29kaXNmZW5nNjY2NjYnLCAnWmJ1dW0nLCAnaWxvdmVmYXRkb25ncycsICdUcmFuc0lvZ2ljJywgJ0xlbW9uQm95JywgJ0xpbmsnLCAnQ2hpcG90bGVodW50ZXInLCAnVERLa2luYScsICdESlRyYW5jZScsICdEdW9jZWsnLCAnSGF0ZScsICdLb25Ld29uJywgJ05paGlsbG1hdGljJywgJ1phcnlhYicsICdpbnRlcm8nLCAnQmlvZnJvc3QnLCAnTG9uZ0NhdDQnLCAnQ1NUSmVzaXonLCAnR1ZLZWFuZScsICdUaVB5b29uZG9nJywgJ1JlZG91dGFiSWUnLCAnTGlxdWlkWHBlY2lhbCcsICdKYXlKJ107XG5cblxuLyoqKioqKioqKioqKioqKioqKioqKioqXG4gKiBET04nVCBFRElUIEJFTE9XIEhFUkUgXG4gKioqKioqKioqKioqKioqKioqKioqKiovXG5cbnZhciBmbGFnVXJscyA9IHtcbiAgICAnZGUnOiAnaHR0cHM6Ly9pLmltZ3VyLmNvbS92V214UjVLLnBuZycsXG4gICAgJ2ZyJzogJ2h0dHBzOi8vaS5pbWd1ci5jb20vMUpLSThYbC5wbmcnLFxuICAgICd1ayc6ICdodHRwczovL2kuaW1ndXIuY29tLzhScFFrbEkucG5nJyxcbiAgICAndXMnOiAnaHR0cHM6Ly9pLmltZ3VyLmNvbS96dFZPNUpDLnBuZydcbn07XG4gXG5mdW5jdGlvbiBnZXRSYW5kb21JbnQobWluLCBtYXgpIHtcbiAgICByZXR1cm4gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogKG1heCAtIG1pbiArIDEpKSArIG1pbjtcbn1cblxudmFyIGNoYW5nZVdpbm5lcnMgPSBmdW5jdGlvbigpIHtcbiAgICB2YXIgd2lubmVyTGlzdCA9IFtdO1xuICAgIFxuICAgIGZvcih2YXIgaSA9IDE7IGkgPD0gcmVjZW50V2lubmVyczsgaSsrKSB7XG4gICAgICAgIHZhciB1c2VGbGFnID0gY291bnRyeUZsYWdzW2dldFJhbmRvbUludCgwLCBjb3VudHJ5RmxhZ3MubGVuZ3RoIC0gMSldO1xuICAgICAgICB2YXIgZmxhZ1VybCA9IGZsYWdVcmxzWyh1c2VGbGFnIGluIGZsYWdVcmxzID8gdXNlRmxhZyA6ICd1cycpXTtcbiAgICAgICAgXG4gICAgICAgIHdpbm5lckxpc3QucHVzaCgnPGltZyBzcmM9XCInK2ZsYWdVcmwrJ1wiIC8+ICcrdXNlcm5hbWVzW2dldFJhbmRvbUludCgwLCB1c2VybmFtZXMubGVuZ3RoIC0gMSldKTtcbiAgICB9XG5cbiAgICB2YXIgZmFkZUluTm93ID0gZnVuY3Rpb24oKSB7XG4gICAgICAgICQoJyNyZWNlbnQtd2lubmVycycpLnJlbW92ZSgpO1xuICAgICAgICAkKCcjbXktbG9ja2VyLWJvdHRvbSA+IHNwYW4nKS5hcHBlbmQoJzxmb250IGlkPVwicmVjZW50LXdpbm5lcnNcIiBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCI+Jyt3aW5uZXJMaXN0LmpvaW4oJycpKyc8L2ZvbnQ+Jyk7XG4gICAgICAgICQoJyNyZWNlbnQtd2lubmVycycpLmZhZGVJbig3MDApO1xuICAgIH07XG4gICAgXG4gICAgdmFyICRyZWNlbnRXaW5uZXJzID0gJCgnI3JlY2VudC13aW5uZXJzJyk7XG5cbiAgICBpZiAoJHJlY2VudFdpbm5lcnMubGVuZ3RoID09PSAxKSB7XG4gICAgICAgICRyZWNlbnRXaW5uZXJzLmZhZGVPdXQoMzAwLCBmdW5jdGlvbigpIHtcbiAgICAgICAgICAgIGZhZGVJbk5vdygpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICAgIGZhZGVJbk5vdygpO1xuICAgIH1cbn07XG5cbmlmICh3aW5uZXJUaW1lcikge1xuICAgIGNsZWFyVGltZW91dCh3aW5uZXJUaW1lcik7XG4gICAgd2lubmVyVGltZXIgPSBudWxsO1xufVxuZWxzZSB7XG4gICAgdmFyIHdpbm5lclRpbWVyID0gbnVsbDtcbn1cblxud2lubmVyVGltZXIgPSBzZXRJbnRlcnZhbChmdW5jdGlvbigpIHtcbiAgIGNoYW5nZVdpbm5lcnMoKTsgXG59LCAocmVjZW50V2lubmVyU2VjcyAqIDEwMDApKTtcblxuJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKSB7XG4gICAgdmFyIGltYWdlVG9EaXNwbGF5ID0gKHVzZUxvY2tlclNldHRpbmdzWydjc3MnXVsncGMnXVsnaGVhZGVyJ11bJ2JhY2tncm91bmQnXVsnaW1hZ2UnXS5sZW5ndGggPT09IDAgPyAnaHR0cHM6Ly9idWNrZXQuY3BhYnVpbGQuY29tL3VwbG9hZHMvMTUyOTE0Njg1NzFmY2QzN2JhZGUzZWE4NjM4YjRhYjE2Y2Q2NWM0MGIwLnBuZycgOiB1c2VMb2NrZXJTZXR0aW5nc1snY3NzJ11bJ3BjJ11bJ2hlYWRlciddWydiYWNrZ3JvdW5kJ11bJ2ltYWdlJ10pO1xuICAgIFxuICAgICQoJyNteS1sb2NrZXItaW1hZ2UnKS5yZW1vdmUoKTtcbiAgICAkKCc8ZGl2IGlkPVwibXktbG9ja2VyLWltYWdlXCI+PGltZyBzcmM9XCInK2ltYWdlVG9EaXNwbGF5KydcIiAvPjwvZGl2PicpLmluc2VydEJlZm9yZSgkKCcjbXktbG9ja2VyLWJvZHktb2ZmZXJzLWxpc3QnKSk7XG5cbiAgICAkKCcjbW9yZS1jc3MnKS5yZW1vdmUoKTtcbiAgICAkKCdib2R5JylcbiAgICAgICAgLmFwcGVuZCgnPHN0eWxlIGlkPVwibW9yZS1jc3NcIj4nICtcbiAgICAgICAgICAgICAgICAgICAgJyNteS1sb2NrZXIgeyBib3JkZXItY29sb3I6ICcrdXNlTG9ja2VyU2V0dGluZ3NbJ2NzcyddWydwYyddWydib2R5LW9mZmVycy1saXN0J11bJ2JhY2tncm91bmQnXVsnY29sb3InXSsnICFpbXBvcnRhbnQ7IH0nICtcbiAgICAgICAgICAgICAgICAgICAgJyNteS1sb2NrZXIgI215LWxvY2tlci1pbWFnZSBpbWcgeyBib3JkZXItcmFkaXVzOiAnK3VzZUxvY2tlclNldHRpbmdzWydjc3MnXVsncGMnXVsnYm9keS1vZmZlcnMtbGlzdCddWydib3JkZXItcmFkaXVzJ10rJ3B4OyB9JyArXG4gICAgICAgICAgICAgICAgJzwvc3R5bGU+Jyk7XG5cbiAgICBjaGFuZ2VXaW5uZXJzKCk7XG59KTsiLCJvZmZlcnMiOnsiZGlzcGxheSI6IjUiLCJtaW4tb2ZmZXJzIjoiMSIsIm1pbi1wYXlvdXQiOiIxIiwib24tY29tcGxldGUiOiJyZWRpcmVjdCIsInJlZGlyZWN0LXVybCI6Imh0dHA6Ly9jcGFidWlsZC5jb20vcHVibGljL3JlZGlyZWN0LnBocD9sZWFkX2lkPSVsZWFkX2lkJSIsInNob3ctdG9vbHRpcHMiOiJkaXNhYmxlZCJ9LCJvdGhlciI6eyJhbGVydC1iZWZvcmUtbGVhdmluZyI6ImRpc2FibGVkIiwiZGlzYWJsZS1yaWdodC1jbGljayI6ImVuYWJsZWQiLCJlc2Mta2V5LWNsb3NlIjoiZGlzYWJsZWQiLCJodW1hbi12ZXJpZmljYXRpb24iOiJkaXNhYmxlZCJ9LCJ0ZXh0Ijp7ImhlYWRlciI6IiIsImh1bWFuLXZlcmlmaWNhdGlvbiI6IlZlcmlmeSBUaHJvdWdoIFN1cnZleSIsImJvZHktdG9wIjoiQ29tcGxldGUgb25lIHF1aWNrIGFuZCBlYXN5IG9mZmVyIGJlbG93IHRvIGNsYWltIHlvdXIgUHJpemUiLCJib2R5LWJvdHRvbSI6IldhaXRpbmcgZm9yIHZlcmlmaWNhdGlvbiVkb3RzJSIsImZvb3RlciI6IlJlY2VudCBXaW5uZXJzOiJ9fQ==
  • 5. Click "Import" to import the design
  • 6. 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 "Change this image" image: Click on "Design Your Content Locker", choose "Header", and change the "Background" value by clicking the yellow picture icon, and choosing your image.
To change the "Complete one quick and easy [...]" text: Click on "Design Your Content Locker", choose "Body > Offers", and change the "Top Text" input.
To change the "Waiting for verification..." text: Click on "Design Your Content Locker", choose "Body > Offers", and change the "Bottom Text" input.
To change the Offer List background color: Click on "Design Your Content Locker", choose "Body > Offers > Offer List", and change the "Background" color.
To show or hide the Recent Winners: Click on "Design Your Content Locker", choose "Footer", and change "Visibility" to Visible or Hidden.
To change the "Recent Winners" text: Click on "Design Your Content Locker", choose "Footer", and change the "Text" input.
To change the amount of Winners shown: Click on "Custom CSS & JavaScript", click "JavaScript", and change the recentWinners variable.
To change the amount of time between showing new Winners: Click on "Custom CSS & JavaScript", click "JavaScript", and change the recentWinnerSecs variable.
To change the Countries that Winners will come from: Click on "Custom CSS & JavaScript", click "JavaScript", and modify the countryFlags variable. Make sure the country code exists in the flagUrls variable, with a link to its flag image.
To change the Usernames used for Winners: Click on "Custom CSS & JavaScript", click "JavaScript", and change the usernames variable.

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

Desktop + Mobile Detailed Locker

A CPABuild member showed me a Content Locker similar to this, so I figured I would re-create it with a few changes in hopes that some of you...