Tree.0


You'll need to have set up the app in Facebook Developers and have access to the app in Moxy.

To login to Moxy, click here and use:
Email: AJ@catalyst90.com
Password: catalyst90



GET INSERT LINK

INSERT TO PAGE


Strong Password Generator

Password Length:



Social Sharing

Click the icon below to create a custom social share function for that network.
Copy the URL created and paste into your HTML.

Moxy

Moxy is the best program to use for basic apps (name, email, phone, etc) but not for photo upload apps. It has a few tricks you need to know about - and it's important you read this carefully, otherwise you run the risk of not capturing all the data you're trying to collect, or worse! So here goes.

  • ALL fields you want to capture MUST have class="TorchField" and the id MUST be all capitals e.g. id="PHONE". Some are preset e.g. id="emailAddress" and id="fullName", but that's all. Just make sure they're all caps. To be safe.

  • When you click the Save button, either on the main editor page or on a sub page like Terms and Conditions in the sidebar, Moxy will encode your app. This means that every time you click save, you must have the correct coding of your app (in html tags). Don't worry, I've built an encoder/decoder that works for Moxy, so you can do it easily.

  • To view all the entries a competition has received, choose the date range on the left of the Summary page and then click "Update". This will tell you how many entries there have been. To view them, click on the entries total on the right, then in the new page click "Update" again.

  • To export the entries from Moxy, make sure you can see all the entry details in front of you (after clicking on the total, selecting the date range and clicking "Update") and then clicking Export Entries in the top left. The file will be exported in a .xml file, so you will need to right click on the file and choose Open With > Excel, then save it as a .xls file for the client to be able to view it.

Old Browser Alerts

SHOW ME THE CODE

Mobile Detection

This code should be placed on the MOBILE site. It detects if the user is on a phone or tablet. If they are, they stay here. If they’re not (i.e. on a laptop or desktop) then they get redirected to the defined URL – this should be the Facebook app within its LIVE Facebook page.

<script>
if ((!navigator.userAgent.match(/iPad/i)) && (!navigator.userAgent.match(/iPhone/i)) && (!navigator.userAgent.match(/iPod/i)) && (!navigator.userAgent.match(/Android/i)) && (!navigator.userAgent.match(/Windows Phone/i)) && (!navigator.userAgent.match(/Blackberry/i))) {location.replace("FACEBOOKAPP");} else {location.replace("MOBILESITE");}
</script>

Website to mobile page

Use this code if you want users on a mobile device to be taken to a mobile version of your website. In Wordpress, go to the Plugins tab on the left sidebar, search for Insert Headers and Footers and install the top plugin. Activate, and insert the following code in the HEAD section (go to Settings > Insert Headers and Footers after activating the plugin and insert code into the top HTML box).

<script type="text/javascript">
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))|| (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/Windows Phone/i)) || (navigator.userAgent.match(/Blackberry/i)) ) {location.replace("MOBILESITE");}
</script>

Get Date

In HTML:

<input type="hidden" class="TorchField" name="nztime" id="NZTIME" value="novalue" />
function getDate() {
var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate(); var hour = now.getHours(); var minute = now.getMinutes(); var second = now.getSeconds(); if (month.toString().length == 1) {var month = '0' + month;} if (day.toString().length == 1) {var day = '0' + day;} if (hour.toString().length == 1) {var hour = '0' + hour;} if (minute.toString().length == 1) {var minute = '0' + minute; var dateTime = day + '/' + month + '/' + year + ' ' + hour + ':' + minute; document.getElementById("NZTIME").value = dateTime; }

CSS Opacity

opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */

Browser Styling

This code identifies the user's browser, adds a class to that browser and allows you to style the webpage or app to that browser. This is a great way of fixing styling issues for specific browsers.

SHOW ME THE CODE