How to Create an API Connection with Facebook, Google and Twitter for Thrive Themes

0 likes401 views

This document provides step-by-step instructions for setting up API connections between a website and Facebook, Google, and Twitter. It explains how to create apps and generate API keys for each platform, and then how to enter those credentials into the Thrive Dashboard on a website to enable features like importing social media content and profiles. The goal is to allow users to share content directly from social media to a website and to import elements such as testimonials and profile pictures.

Internet

100

To import content
directly from Social
Media to your
website such as
(c) Extraordinary VP | vangieren.com

Setting up your
Social Shares
button
(c) Extraordinary VP | vangieren.com

Importing a
testimonial from
Social Media
(c) Extraordinary VP | vangieren.com

Allow users to share
your Social Share
Badge
(c) Extraordinary VP | vangieren.com

(c) Extraordinary VP | vangieren.com
Setting up an
API connection

(c) Extraordinary VP | vangieren.com
For Facebook

(c) Extraordinary VP | vangieren.com
Open your favorite
browser

(c) Extraordinary VP | vangieren.com
Go to this site

(c) Extraordinary VP | vangieren.com
Log in to your Facebook
account

(c) Extraordinary VP | vangieren.com
Go to My Apps and click
Add New App
(or you’ll see this for first
time user)

(c) Extraordinary VP | vangieren.com
Enter App Name

(c) Extraordinary VP | vangieren.com
Contact Email auto fills

(c) Extraordinary VP | vangieren.com
Click Create App ID

(c) Extraordinary VP | vangieren.com
For security check,
enter the text

(c) Extraordinary VP | vangieren.com
Then Submit

(c) Extraordinary VP | vangieren.com
Go to Settings

(c) Extraordinary VP | vangieren.com
Enter App Domains

(c) Extraordinary VP | vangieren.com
Other fields you may fill
up

(c) Extraordinary VP | vangieren.com
You may choose
Business for Category

(c) Extraordinary VP | vangieren.com
Click Add Platform

(c) Extraordinary VP | vangieren.com
Choose Website

(c) Extraordinary VP | vangieren.com
Enter your Site URL

(c) Extraordinary VP | vangieren.com
Enter your Site URL
again

(c) Extraordinary VP | vangieren.com
Click Next

(c) Extraordinary VP | vangieren.com
You should see this
message at the bottom

(c) Extraordinary VP | vangieren.com
Save it

(c) Extraordinary VP | vangieren.com
Go to App Review

(c) Extraordinary VP | vangieren.com
Click to show Yes
(means your App will be
in public)

(c) Extraordinary VP | vangieren.com
Choose Business for
category

(c) Extraordinary VP | vangieren.com
Then Confirm

(c) Extraordinary VP | vangieren.com
Go to Setting again

(c) Extraordinary VP | vangieren.com
Copy your App ID

(c) Extraordinary VP | vangieren.com
Copy your App Secret
after you clicked Show

(c) Extraordinary VP | vangieren.com
Go to your site and log
in to your Hosted
Wordpress account

(c) Extraordinary VP | vangieren.com
Go to Thrive Dashboard

(c) Extraordinary VP | vangieren.com
Go to API Connections

(c) Extraordinary VP | vangieren.com
Then Manage
Connections

(c) Extraordinary VP | vangieren.com
Click Add New
Connection

(c) Extraordinary VP | vangieren.com
Click this arrow down
to show list of Apps

(c) Extraordinary VP | vangieren.com
Choose Facebook

(c) Extraordinary VP | vangieren.com
Paste your App ID &
App Secret

(c) Extraordinary VP | vangieren.com
Then Connect

(c) Extraordinary VP | vangieren.com
Click this button

(c) Extraordinary VP | vangieren.com
Integration successful

(c) Extraordinary VP | vangieren.com
For Google

(c) Extraordinary VP | vangieren.com
https://console.develo
pers.google.com
Go to this site

(c) Extraordinary VP | vangieren.com
Log in using your
Google account

(c) Extraordinary VP | vangieren.com
Main page. Go to
Credentials

(c) Extraordinary VP | vangieren.com
Create a project

(c) Extraordinary VP | vangieren.com
Name your project

(c) Extraordinary VP | vangieren.com
Fill up the remaining
items

(c) Extraordinary VP | vangieren.com
Then Create

(c) Extraordinary VP | vangieren.com
Click the arrow down
and choose Oauth
Client ID

(c) Extraordinary VP | vangieren.com
Then Create
Credentials

(c) Extraordinary VP | vangieren.com
Configure Consent
Screen

(c) Extraordinary VP | vangieren.com
Fill up Product name

(c) Extraordinary VP | vangieren.com
Input privacy policy URL

(c) Extraordinary VP | vangieren.com
Other fields are optional.
Save once done

(c) Extraordinary VP | vangieren.com
Choose the application
type

(c) Extraordinary VP | vangieren.com
Input your site’s name

(c) Extraordinary VP | vangieren.com
Input your site’s URL
here

(c) Extraordinary VP | vangieren.com
Input your site’s URL
also here

(c) Extraordinary VP | vangieren.com
Your Client ID & Client
secret will show

(c) Extraordinary VP | vangieren.com
Input Google here or
manually choose it

(c) Extraordinary VP | vangieren.com
Enter your Client ID

(c) Extraordinary VP | vangieren.com
Enter your Client secret

(c) Extraordinary VP | vangieren.com
Click Connect

(c) Extraordinary VP | vangieren.com
Google API connection
completed

(c) Extraordinary VP | vangieren.com
For Twitter

(c) Extraordinary VP | vangieren.com
https://apps.twitter.
com
Go to this site

(c) Extraordinary VP | vangieren.com
Log in using your
Twitter account

(c) Extraordinary VP | vangieren.com
Click Create New App

(c) Extraordinary VP | vangieren.com
Enter application name

(c) Extraordinary VP | vangieren.com
Enter your application’s
description

(c) Extraordinary VP | vangieren.com
Enter your website

(c) Extraordinary VP | vangieren.com
Check this

(c) Extraordinary VP | vangieren.com
Hit this button

(c) Extraordinary VP | vangieren.com
Copy your API key

(c) Extraordinary VP | vangieren.com
Copy your API secret

(c) Extraordinary VP | vangieren.com
Click to create Access
token

(c) Extraordinary VP | vangieren.com
Your access token has
been created. Copy them

(c) Extraordinary VP | vangieren.com
Type Twitter here

(c) Extraordinary VP | vangieren.com
Paste the API and
Access codes here

(c) Extraordinary VP | vangieren.com
Connect it

(c) Extraordinary VP | vangieren.com
You receive this
message

(c) Extraordinary VP | vangieren.com
Tutorial completed!

(c) Extraordinary VP | vangieren.com
You may want to see
this tutorial ...

(c) Extraordinary VP | vangieren.com
‘How to Create and
Display Testimonials
Using Thrive Ovation’

(c) Extraordinary VP | vangieren.com
“You can have
everything you want, if
you help enough people
get what they want.”
- Zig Ziglar

(c) Extraordinary VP | vangieren.com
https://thrivethemes.com/
tkb_item/how-to-create-
an-api-connection-with-
facebook-twitter-and-
google/
Reference

How to Create an API Connection with Facebook, Google and Twitter for Thrive Themes

1. How to Create an API Connection With Facebook, Google and Twitter By: Vangie Ren

2. Purpose of API Connection (c) Extraordinary VP | vangieren.com

3. To import content directly from Social Media to your website such as (c) Extraordinary VP | vangieren.com

4. Setting up your Social Shares button (c) Extraordinary VP | vangieren.com

5. Importing a testimonial from Social Media (c) Extraordinary VP | vangieren.com

6. Allow users to share your Social Share Badge (c) Extraordinary VP | vangieren.com

7. Allow users to upload their profile pictures in your website (c) Extraordinary VP | vangieren.com

8. (c) Extraordinary VP | vangieren.com Setting up an API connection

9. (c) Extraordinary VP | vangieren.com For Facebook

10. (c) Extraordinary VP | vangieren.com Open your favorite browser

11. (c) Extraordinary VP | vangieren.com Go to this site

12. (c) Extraordinary VP | vangieren.com Log in to your Facebook account

13. (c) Extraordinary VP | vangieren.com Go to My Apps and click Add New App (or you’ll see this for first time user)

14. (c) Extraordinary VP | vangieren.com Enter App Name

15. (c) Extraordinary VP | vangieren.com Contact Email auto fills

16. (c) Extraordinary VP | vangieren.com Click Create App ID

17. (c) Extraordinary VP | vangieren.com For security check, enter the text

18. (c) Extraordinary VP | vangieren.com Then Submit

19. (c) Extraordinary VP | vangieren.com Go to Settings

20. (c) Extraordinary VP | vangieren.com Enter App Domains

21. (c) Extraordinary VP | vangieren.com Other fields you may fill up

22. (c) Extraordinary VP | vangieren.com Other fields you may fill up

23. (c) Extraordinary VP | vangieren.com Other fields you may fill up

24. (c) Extraordinary VP | vangieren.com Other fields you may fill up

25. (c) Extraordinary VP | vangieren.com You may choose Business for Category

26. (c) Extraordinary VP | vangieren.com Click Add Platform

27. (c) Extraordinary VP | vangieren.com Choose Website

28. (c) Extraordinary VP | vangieren.com Enter your Site URL

29. (c) Extraordinary VP | vangieren.com Enter your Site URL again

30. (c) Extraordinary VP | vangieren.com Click Next

31. (c) Extraordinary VP | vangieren.com You should see this message at the bottom

32. (c) Extraordinary VP | vangieren.com Save it

33. (c) Extraordinary VP | vangieren.com Go to App Review

34. (c) Extraordinary VP | vangieren.com Click to show Yes (means your App will be in public)

35. (c) Extraordinary VP | vangieren.com Choose Business for category

36. (c) Extraordinary VP | vangieren.com Then Confirm

37. (c) Extraordinary VP | vangieren.com Go to Setting again

38. (c) Extraordinary VP | vangieren.com Copy your App ID

39. (c) Extraordinary VP | vangieren.com Copy your App Secret after you clicked Show

40. (c) Extraordinary VP | vangieren.com Go to your site and log in to your Hosted Wordpress account

41. (c) Extraordinary VP | vangieren.com Go to Thrive Dashboard

42. (c) Extraordinary VP | vangieren.com Go to API Connections

43. (c) Extraordinary VP | vangieren.com Then Manage Connections

44. (c) Extraordinary VP | vangieren.com Click Add New Connection

45. (c) Extraordinary VP | vangieren.com Click this arrow down to show list of Apps

46. (c) Extraordinary VP | vangieren.com Choose Facebook

47. (c) Extraordinary VP | vangieren.com Paste your App ID & App Secret

48. (c) Extraordinary VP | vangieren.com Then Connect

49. (c) Extraordinary VP | vangieren.com Click this button

50. (c) Extraordinary VP | vangieren.com Integration successful

51. (c) Extraordinary VP | vangieren.com For Google

52. (c) Extraordinary VP | vangieren.com https://console.develo pers.google.com Go to this site

53. (c) Extraordinary VP | vangieren.com Log in using your Google account

54. (c) Extraordinary VP | vangieren.com Main page. Go to Credentials

55. (c) Extraordinary VP | vangieren.com Create a project

56. (c) Extraordinary VP | vangieren.com Name your project

57. (c) Extraordinary VP | vangieren.com Fill up the remaining items

58. (c) Extraordinary VP | vangieren.com Fill up the remaining items

59. (c) Extraordinary VP | vangieren.com Then Create

60. (c) Extraordinary VP | vangieren.com Click the arrow down and choose Oauth Client ID

61. (c) Extraordinary VP | vangieren.com Then Create Credentials

62. (c) Extraordinary VP | vangieren.com Configure Consent Screen

63. (c) Extraordinary VP | vangieren.com Fill up Product name

64. (c) Extraordinary VP | vangieren.com Input privacy policy URL

65. (c) Extraordinary VP | vangieren.com Other fields are optional. Save once done

66. (c) Extraordinary VP | vangieren.com Choose the application type

67. (c) Extraordinary VP | vangieren.com Input your site’s name

68. (c) Extraordinary VP | vangieren.com Input your site’s URL here

69. (c) Extraordinary VP | vangieren.com Input your site’s URL also here

70. (c) Extraordinary VP | vangieren.com Then Create

71. (c) Extraordinary VP | vangieren.com Your Client ID & Client secret will show

72. (c) Extraordinary VP | vangieren.com Go to your site and log in to your Hosted Wordpress account

73. (c) Extraordinary VP | vangieren.com Go to Thrive Dashboard

74. (c) Extraordinary VP | vangieren.com Go to API Connections

75. (c) Extraordinary VP | vangieren.com Then Manage Connections

76. (c) Extraordinary VP | vangieren.com Click Add New Connection

77. (c) Extraordinary VP | vangieren.com Click this arrow down to show list of Apps

78. (c) Extraordinary VP | vangieren.com Input Google here or manually choose it

79. (c) Extraordinary VP | vangieren.com Enter your Client ID

80. (c) Extraordinary VP | vangieren.com Enter your Client secret

81. (c) Extraordinary VP | vangieren.com Click Connect

82. (c) Extraordinary VP | vangieren.com Google API connection completed

83. (c) Extraordinary VP | vangieren.com For Twitter

84. (c) Extraordinary VP | vangieren.com https://apps.twitter. com Go to this site

85. (c) Extraordinary VP | vangieren.com Log in using your Twitter account

86. (c) Extraordinary VP | vangieren.com Click Create New App

87. (c) Extraordinary VP | vangieren.com Enter application name

88. (c) Extraordinary VP | vangieren.com Enter your application’s description

89. (c) Extraordinary VP | vangieren.com Enter your website

90. (c) Extraordinary VP | vangieren.com Check this

91. (c) Extraordinary VP | vangieren.com Hit this button

92. (c) Extraordinary VP | vangieren.com Copy your API key

93. (c) Extraordinary VP | vangieren.com Copy your API secret

94. (c) Extraordinary VP | vangieren.com Click to create Access token

95. (c) Extraordinary VP | vangieren.com Your access token has been created. Copy them

96. (c) Extraordinary VP | vangieren.com Go to your site and log in to your Hosted Wordpress account

97. (c) Extraordinary VP | vangieren.com Go to Thrive Dashboard

98. (c) Extraordinary VP | vangieren.com Go to API Connections

99. (c) Extraordinary VP | vangieren.com Then Manage Connections

100. (c) Extraordinary VP | vangieren.com Click Add New Connection

101. (c) Extraordinary VP | vangieren.com Click this arrow down to show list of Apps

102. (c) Extraordinary VP | vangieren.com Type Twitter here

103. (c) Extraordinary VP | vangieren.com Paste the API and Access codes here

104. (c) Extraordinary VP | vangieren.com Connect it

105. (c) Extraordinary VP | vangieren.com You receive this message

106. (c) Extraordinary VP | vangieren.com Click Create New App

107. (c) Extraordinary VP | vangieren.com Tutorial completed!

108. (c) Extraordinary VP | vangieren.com You may want to see this tutorial ...

109. (c) Extraordinary VP | vangieren.com ‘How to Create and Display Testimonials Using Thrive Ovation’

110. (c) Extraordinary VP | vangieren.com “You can have everything you want, if you help enough people get what they want.” - Zig Ziglar

111. (c) Extraordinary VP | vangieren.com https://thrivethemes.com/ tkb_item/how-to-create- an-api-connection-with- facebook-twitter-and- google/ Reference

How to Create an API Connection with Facebook, Google and Twitter for Thrive Themes

More Related Content

Similar to How to Create an API Connection with Facebook, Google and Twitter for Thrive Themes (20)

Recently uploaded (20)

How to Create an API Connection with Facebook, Google and Twitter for Thrive Themes