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.

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