how to: set up a custom facebook application for your promotion (iframe)

11
How To Create a Custom Facebook App for your Strutta Promotion

Upload: strutta

Post on 28-Jan-2015

120 views

Category:

Social Media


0 download

DESCRIPTION

Why create a Custom Facebook App for your Strutta Power Promo? This PRO Package feature allows you to gain Facebook Insights on the App’s activity & deliver a more consistent and branded user experience. More at http://strutta.com

TRANSCRIPT

Page 1: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

How ToCreate a Custom

Facebook App for your Strutta Promotion

Before You Create Your Custom Facebook App You need to know what type of Strutta promotion site yoursquoll be launching Compare site type features

There are four site types to choose from when launching a contest or sweepstakes two Facebook options and two web-based options Select the channel that will best serve your campaign goals and engage your community

The settings required for a Custom Facebook App differ in each promotion site type with Strutta This guide is for a Strutta iframe site only You can check which site type you are using in the General gt Basics section of your Strutta builder

Website embed (iframe)

Launch a HTML iframe that is embedded directly within a page of your website This option is ideal if yoursquore looking to drive traffic to your website keep full website navigation and maintain space The iframe is 720 pixels wide

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 2

In Your Strutta BuilderYour Strutta Power Promos Builder is accessible at httpmystruttacom

To connect your Strutta promotion site with a Custom Facebook App you must first connect your Facebook account to Strutta

You will be directed to lsquoConnectrsquo in Step three below You can access this page manually in the Facebook Manager section of your Account Dashboard

In Your Promotion Builder

Integration gt Facebook gt Facebook Page1 Select your Facebook Page from the list2 Click lsquoAdd your Facebook Pagersquo if itrsquos not listed3 You will then be asked to lsquoconnectrsquo with your

Facebook page

Integration gt Facebook gt Facebook App1 Tick the box lsquoLet participants login with Facebookrsquo 2 Click lsquoCustom Apprsquo3 Click lsquoAdd your custom Facebook Apprsquo4 You will be directed to the Facebook Manager section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 3

Setting Up Your Custom Facebook AppYoursquoll be directed to the Facebook Manager section of your Account Dashboard from your promotion Builder to set up your custom Facebook App

Follow the steps 1-4 listed in this section and remember to save your settings

Again your Facebook account must be connected to Strutta in order for your custom Facebook Apps to appear here (you can verify this in the Facebook Manager section of your Account Dashboard)

After you have created the custom app in Facebook the app will become available for you to add

1 Click refresh if you donrsquot see it listed 2 Select the App from the list3 Copy and paste the app secret from

Facebook Developers4 Save your settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 4

In Facebook DevelopersGo to Facebook Developers gt Apps at httpdevelopersfacebookcom

The Set Up1 Click lsquoAppsrsquo + Create New Apprdquo button (top

left)2 Enter your lsquoApp Display Namersquo This should

be the name of your promotion3 App Namespace This will be part of your

promotion URL4 Enter the category as lsquoApps for Pagesrsquo5 Complete the security check6 Set up your Custom Facebook App

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 5

Note [YOUR_PROMO_ID] is the number assigned to your Strutta promotion Find it in your campaignrsquos URL in the Strutta builder or in the Facebook Manager gt Set Up Custom App section

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 2: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Before You Create Your Custom Facebook App You need to know what type of Strutta promotion site yoursquoll be launching Compare site type features

There are four site types to choose from when launching a contest or sweepstakes two Facebook options and two web-based options Select the channel that will best serve your campaign goals and engage your community

The settings required for a Custom Facebook App differ in each promotion site type with Strutta This guide is for a Strutta iframe site only You can check which site type you are using in the General gt Basics section of your Strutta builder

Website embed (iframe)

Launch a HTML iframe that is embedded directly within a page of your website This option is ideal if yoursquore looking to drive traffic to your website keep full website navigation and maintain space The iframe is 720 pixels wide

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 2

In Your Strutta BuilderYour Strutta Power Promos Builder is accessible at httpmystruttacom

To connect your Strutta promotion site with a Custom Facebook App you must first connect your Facebook account to Strutta

You will be directed to lsquoConnectrsquo in Step three below You can access this page manually in the Facebook Manager section of your Account Dashboard

In Your Promotion Builder

Integration gt Facebook gt Facebook Page1 Select your Facebook Page from the list2 Click lsquoAdd your Facebook Pagersquo if itrsquos not listed3 You will then be asked to lsquoconnectrsquo with your

Facebook page

Integration gt Facebook gt Facebook App1 Tick the box lsquoLet participants login with Facebookrsquo 2 Click lsquoCustom Apprsquo3 Click lsquoAdd your custom Facebook Apprsquo4 You will be directed to the Facebook Manager section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 3

Setting Up Your Custom Facebook AppYoursquoll be directed to the Facebook Manager section of your Account Dashboard from your promotion Builder to set up your custom Facebook App

Follow the steps 1-4 listed in this section and remember to save your settings

Again your Facebook account must be connected to Strutta in order for your custom Facebook Apps to appear here (you can verify this in the Facebook Manager section of your Account Dashboard)

After you have created the custom app in Facebook the app will become available for you to add

1 Click refresh if you donrsquot see it listed 2 Select the App from the list3 Copy and paste the app secret from

Facebook Developers4 Save your settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 4

In Facebook DevelopersGo to Facebook Developers gt Apps at httpdevelopersfacebookcom

The Set Up1 Click lsquoAppsrsquo + Create New Apprdquo button (top

left)2 Enter your lsquoApp Display Namersquo This should

be the name of your promotion3 App Namespace This will be part of your

promotion URL4 Enter the category as lsquoApps for Pagesrsquo5 Complete the security check6 Set up your Custom Facebook App

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 5

Note [YOUR_PROMO_ID] is the number assigned to your Strutta promotion Find it in your campaignrsquos URL in the Strutta builder or in the Facebook Manager gt Set Up Custom App section

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 3: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

In Your Strutta BuilderYour Strutta Power Promos Builder is accessible at httpmystruttacom

To connect your Strutta promotion site with a Custom Facebook App you must first connect your Facebook account to Strutta

You will be directed to lsquoConnectrsquo in Step three below You can access this page manually in the Facebook Manager section of your Account Dashboard

In Your Promotion Builder

Integration gt Facebook gt Facebook Page1 Select your Facebook Page from the list2 Click lsquoAdd your Facebook Pagersquo if itrsquos not listed3 You will then be asked to lsquoconnectrsquo with your

Facebook page

Integration gt Facebook gt Facebook App1 Tick the box lsquoLet participants login with Facebookrsquo 2 Click lsquoCustom Apprsquo3 Click lsquoAdd your custom Facebook Apprsquo4 You will be directed to the Facebook Manager section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 3

Setting Up Your Custom Facebook AppYoursquoll be directed to the Facebook Manager section of your Account Dashboard from your promotion Builder to set up your custom Facebook App

Follow the steps 1-4 listed in this section and remember to save your settings

Again your Facebook account must be connected to Strutta in order for your custom Facebook Apps to appear here (you can verify this in the Facebook Manager section of your Account Dashboard)

After you have created the custom app in Facebook the app will become available for you to add

1 Click refresh if you donrsquot see it listed 2 Select the App from the list3 Copy and paste the app secret from

Facebook Developers4 Save your settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 4

In Facebook DevelopersGo to Facebook Developers gt Apps at httpdevelopersfacebookcom

The Set Up1 Click lsquoAppsrsquo + Create New Apprdquo button (top

left)2 Enter your lsquoApp Display Namersquo This should

be the name of your promotion3 App Namespace This will be part of your

promotion URL4 Enter the category as lsquoApps for Pagesrsquo5 Complete the security check6 Set up your Custom Facebook App

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 5

Note [YOUR_PROMO_ID] is the number assigned to your Strutta promotion Find it in your campaignrsquos URL in the Strutta builder or in the Facebook Manager gt Set Up Custom App section

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 4: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Setting Up Your Custom Facebook AppYoursquoll be directed to the Facebook Manager section of your Account Dashboard from your promotion Builder to set up your custom Facebook App

Follow the steps 1-4 listed in this section and remember to save your settings

Again your Facebook account must be connected to Strutta in order for your custom Facebook Apps to appear here (you can verify this in the Facebook Manager section of your Account Dashboard)

After you have created the custom app in Facebook the app will become available for you to add

1 Click refresh if you donrsquot see it listed 2 Select the App from the list3 Copy and paste the app secret from

Facebook Developers4 Save your settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 4

In Facebook DevelopersGo to Facebook Developers gt Apps at httpdevelopersfacebookcom

The Set Up1 Click lsquoAppsrsquo + Create New Apprdquo button (top

left)2 Enter your lsquoApp Display Namersquo This should

be the name of your promotion3 App Namespace This will be part of your

promotion URL4 Enter the category as lsquoApps for Pagesrsquo5 Complete the security check6 Set up your Custom Facebook App

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 5

Note [YOUR_PROMO_ID] is the number assigned to your Strutta promotion Find it in your campaignrsquos URL in the Strutta builder or in the Facebook Manager gt Set Up Custom App section

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 5: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

In Facebook DevelopersGo to Facebook Developers gt Apps at httpdevelopersfacebookcom

The Set Up1 Click lsquoAppsrsquo + Create New Apprdquo button (top

left)2 Enter your lsquoApp Display Namersquo This should

be the name of your promotion3 App Namespace This will be part of your

promotion URL4 Enter the category as lsquoApps for Pagesrsquo5 Complete the security check6 Set up your Custom Facebook App

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 5

Note [YOUR_PROMO_ID] is the number assigned to your Strutta promotion Find it in your campaignrsquos URL in the Strutta builder or in the Facebook Manager gt Set Up Custom App section

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 6: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

bull App ID This is your Apprsquos unique Facebook App IDbull App Secret Take note of this value to connect your custom Facebook App with your

Strutta promotion

Basic Info

bull App Display Name Your Apprsquos name Example lsquoEnter to Winrsquobull App Namespace This will be part of the promotion URLbull Contact Email For important communication related to your appbull App Domain struttacom

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 6

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 7: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Basic Settings gt Add Platform

bull Click the lsquoAdd Platformrsquo option

A pop-up menu will display you will need to select two platforms for your Canvas App settings

bull Select the lsquoWebsitersquo iconbull Select the lsquoPage Tabrsquo icon

You can only choose one platform at a time so the lsquoAdd platformrsquo button needs to be selected three times

Selecting these three options will expand additional settings which are outlined on the next page

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 7

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 8: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Website gt Site URL

bull htttpiframe-YOUR_PROMO_ID]struttacom

Website gt Mobile URL NA - Leave Blank

Page Tab gt Page Tab Name

bull Your Page Tab Name should be short amp relevant It will appear on your Facebook Page

Page Tab URL bull httpiframe-[YOUR_PROMO_ID]struttacomfacebooktab

AND

Secure Page Tab URL bull httpsiframe-[YOUR_PROMO_ID]struttacomfacebooktab

Settings gt Basic gt Page Tab Width

bull Select Standard (810 px)

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 8

Page Tab ImageUpload a custom image that is 75 x 75 exactly This image will appear in the App permissions dialogue amp search results

Website Embed (iframe) Basic SettingsHere are the basic settings for your Custom Facebook App when launching an iframe site with Strutta

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 9: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Facebook App Details Settings

All custom Facebook Apps must include a link to a Privacy Policy and the Terms of Service

You can use Struttarsquos Privacy Policy amp Terms of Service or provide your own

Facebook apps that do not include these two URLrsquos may be removed by Facebook

The settings outlined above are the only details that need to be filled in this section

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 10

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 10: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Facebook Status amp Review

bull By default the Custom Facebook App will be in sandbox mode while you create it

bull Please ensure sandbox mode in the Custom App settings is disabled before launching your promotion

bull Learn more about sandbox mode here

Your Custom App has now been set up Please refer back to page 4 of this guide on how to add your custom app to your Strutta promotion

For a preview of what the Custom App will look like go to the next page

Wersquore providing you with the details required to launch a promotion with Strutta Please consult Facebookrsquos documentation on creating a custom Facebook App for further support on additional settings

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 11

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12

Page 11: How To: Set up a Custom Facebook Application for your Promotion (Iframe)

Facebook Auth Dialog Settings (Example)

Strutta-powered Facebook Apps

(PromosApp amp Custom Apps) may ask

for

bull Your Public info (Mandatory)

bull Your e-mail address (Mandatory)

bull Your likes (Only if you set Mandatory Liking)

bull Your photos (Only if you are running a photo contest)

Strutta will never automatically post to a users Timeline

Learn more about why we ask for each permission

here

Learn how to delete an application from your

Facebook account here

Thanks for working with Strutta

Find more help tips and guides in our FAQs

| How To Create A Custom Facebook App | Contact us | strutta | Strutta on Facebook | 12