In recent years, online marketers have continued to reshape their strategies in order to keep up develop. Social media marketing is one of the effective means of extending your business to global in the shortest time.
More than 52% of social media marketers said that social media has helped increase the company’s income and sales
In your use of social socialization In the way the platform increases the method of website visitors, your website can also become a good way to promote your social platform. Establish a seamless connection between social media and your website -you can expand your online network and increase the conversion rate.
In today’s blog, we will introduce you to a simple way to integrated social media on the Elementor website.
Let’s start —
Why should you be embedded in social media on your website
] In short, \”
Social media subscription
source\” refers to the interaction platform for visitors (on the website page) visitors and social posts, comments, from Facebook, Twitter, Instagram, etc.
\”Feed\” is an effective media. As long It will provide updates.
Okay, let us quickly understand how the social information on the website immediately promotes business success in the following ways:-
Provide users with related web contents [123 123
]
Sharing collaboration tool
Display contact information and location information
Increase social participation and the number of subscribers
and more
] However, social provisioning can effectively target the organization’s communication goals; it also provides users with personalized services. Therefore, it can promote business growth by simplifying and strengthening all marketing work into a continuous plan. Introduce the social media supply of happy plug -ins: a simple way to display social content
WordPress social provision
[123 ] Websites and social channels can generate potential customers and transformations. However,Can you combine these two platforms into one? Of course, it will produce some significant results.
This is where the social mention on the website should play a role. Users will be able to view your social activities while browsing the website (
recent posts, comments, comments, etc.
).
Assuming you want to show your social content on the Elementor website. If you have a happy plug -in, you don’t need other tools to embed social posts. HAPPY Addon’s social media source makes this task easier than ever. However, Happy Addons contains four small components in the functional function of socially. Therefore, in today’s tutorial, we will show you the functions of the small components of these socially descended components:- [professional version): -It will help you in different creative methods Show your Facebook page on the website.
Twitter Feed (free): -Eo-Perfect component to show your Twitter post, repost, like, reply, etc.
Twitter Feed Carousel (Pro): -Twitter feed Carousel displayed by various styles, texts, images and social links to display your social update.
Instagram News (Professional Edition): -Appy Instagram components to display exquisite photos in your Instagram account in multiple styles.
Below we will show you the steps to add these social platforms to your WordPress website with Happy Addons.
How to connect your social media to your Elementor website
[
123] To start this process, you must have the following conditions:
A WordPress website
element (free)
Happy additional component (free and professional version)
Please make sure you have the domain name name and purchase of the purchase of the WordPress website. Now configure your WordPress website by installing Elementor \u0026 amp;
Happy Addons
. Then, gradually follow the instructions below.
However, if you are a novice of Elements, please check this article to understand how to create a login page through several steps.
How to use Facebook Feed components
First, navigation to the page to add Facebook Feed components. This is what your initial surface looks like.
Next, on the screen, on the screen Search \”
Facebook Feed \” in the upper left corner. Then select a small part; drag it to the mark area.
Now, you need to insert your favorite Facebook page ID and access token .
Generate page ID and access token To generate page ID and access token, please navigate to
Facebook to Facebook Developer account
. Here, you need to log in first. Then create an application and click
My application button .
Next, fill in the box and click \”
to create an application ID
\”
]
Click \”
tool
\” and select \”
Graphic API resource manager
\”
]
Then click \”
to get the access token
\” button. Select the access token on the page. You will get the following window. Continue to use your ID.
Select the preferred page to be displayed on the website.
Click the \”Completed\” button.
Click the submission button. But before that, you need to choose your page first. cheer! Your page ID and access tokens are ready to apply. So copy them.
Paste the page ID and access token numbers here now. Therefore, after adding page ID and token numbers, posts on your page will be displayed. This is what it looks like:-
Custom design of your Facebook referral Customized and designed it. For this reason, click Facebook page settings \”. Here you can customize something.
For example, you can show:-
The nearest post
Old post Like
Note
You can also switch-off-level
column display, feature image display, Facebook logo display, personal data image display, name display date display, likes to count, display comments , etc.
To update
Alignment, foot, header, and characteristic image position
You have more choices , Let the stylists and profits have a small component. Just click the \”
style
\” button.
Here you can style: –
: size, fill, border, shadow, box shadow, space, etc.
特征图像
：图像大小、边距、填充、阴影、框阴影、边框等
用户信息
：页面标志、大小、 Space, height
Content and football
: In the same way, you can also customize the filling, border distance, space, color, etc. of the content and footer.
So after designing a small partObservation is:-
In any case, you can also view our official documentation guide.
How to use Twitter’s summary small components
To add
Twitter subscription source
, select \”Small Components\” and paste it to the area you labeled.
After adding a small component, you need to place a
user ID and access token
to start the process.
Now you need Explain
Access Token
\u0026 amp;
user ID .
Create a Twitter developer account
Generates access token and user ID
Account
To create a developer account, please navigate to the Twitter developer to join the page. Then click \”
to create an application
\”.
Next, you will have a window to fill in some procedures. It illustrates the purpose of your API key. Since we will use Twitter’s summary, please click \”
Exploring The API
\”.
You will get some forms to fill in. This is how they will ask you how to use Twitter data, as developers, etc.
Therefore, please provide legal information here by answering some questions.
Therefore, when you finish your completion After that, select this option, and then click \”
to submit the application
\” button.
Cheering!you did it. Check your email and click to confirm.
Okay, after submitting the application, it will be reviewed by Twitter authoritative agencies to check whether you are eligible to become developers.
prepare for the next step. Intersection
Important Tips
: This review process may take two days or more, so you should always pay attention to your electronics at all times mail.
Get access token and user ID
Therefore, after being approved by the Twitter authoritative agency, log in to your Twitter developer account again.
This link will redirect you to Twitter developer instrument board. You only need a few steps to get the access token and key.
Provide you to provide you The name of the application, or you can enter the purpose of your application here. [
Note: Keep the unique ]
Give the name of the application
] After providing the unique name, you will get the
Twitter API key
and
to access the token number
. So copy it and continue the next step.
Copy the API and key number
Now \”
Consumer Key
\” and \” 123] Consumer Key
\”and your preferred Twitter username pasted to your Elements website.
Apply API and user key
Custom Twitter’s summary component
All your tweets It will automatically appear on the right.Therefore, you can now customize, design, and give it an elegant appearance, making your website more professional and extraordinary.
Here, you will get Twitter settings, conventional settings and packaging links.
Here, you can choose the number of posts you want to display, classify it, and so on.
In, you can align the post, content and button link.
To style the design, please click the \”
style
\” button. Here you can customize each part and set a personalized design to make it more beautiful.
GM
: -Sto this options applicable to each block. For example, you can set the inner border, border, border, frame type, and background.
User information : In user information, you can custom Point, avatar, etc.
Content
: To edit the content and change its color, please click the content. Here, you will get all custom options. For example, content spacing, bottom spacing, color, buttons, color, date color, etc.
Footer and reincarnation
: Similar Push part. Click the button and change your favorite amount. Just!
因此，在完成设计后，您的最终外观将是：-
[123 ]
However, in order to quickly obtain guidance, you can watch the video tutorial about \”
Twitter subscription
\” below. Here, you will get a complete guide to how to use or customize Twitter. Alternatively, you can view our official document to obtain advanced guidelines.
How to use Twitter Feed Carousel components Hmm, \u0026#39;
twitter feed
\u0026#39; and \u0026 \u0026 #39;
Twitter Feed Carousel
\u0026#39; almost the same. But
Twitter Feed Carousel
provides some additional features. Therefore, we will now show you how to use Twitter Feed Carousel on the Elementor website and design it accordingly.
However, you also need
to access token
and
user ID
to start the process. But it is interesting that you can use access token and user ID used by Twitter Feed.
Therefore, please follow the following instructions:-
Create a Twitter developer account
Get access token and user ID
[123
] Start designing Twitter Feed Rotation
Custom your Twitter source rotation
After adding user names, access token and user ID, you will see on the right side of the screen Reflection of tweets.
Next, click \”
Twitter settings
\”. Here, you can organize the options according to the following category:-
The nearest post
Old post
The favorite post
Number of posts and forwarding.
In addition, you can also customize your Twitter logo, avatar, name, user name, date, response count, reposting count, read more buttons, etc.
Set
in part, you will get more options to define your design. For example, alignment methods, footprints, user information location, animation speed, number of slides to be displayed, post navigation, etc.
It’s time to style this part. For this reason, please click the \”
style
\” option.
To change the design of the small component, you can change its spacing, filling, frame type, frame shadow, and background types in
Common
.
Next, you can also customize
User Info
. For example, user spacing, icons, avatars, spacing, frame types, colors and typesetting (name and user name).
Next, you can edit
content and footer
. Similarly, you can style the filling, spacing, color, typesetting, icon color, etc.
The same process, you can also perform the process of
navigation arrows and dots
.
Next, click the \”
navigation arrow
\” part. So here you can customize the position, background, font size, frame type, border diameter, color, background color, etc.
Okay, in the last part of the style part, there is \”
navigation point
\”. You can easily change its style, such as vertical positions, spacing, alignment and color.
Therefore, this is how you can use the Twitter referral on the Elementor website. However, you can view our official documentation on Twitter’s instructions to obtain detailed ideas.
How to use Instagram Feed components
Instagram Feed components from your Instagram account and display them in the grid view on your website. You need to get Instagram access token through some simple steps.
View our official documentation and customize your Instagram dynamic components in your way.
Let me see all happy tools!
Conclusion
Finally, our post came to an end. Here, we describe the simplest way to easily grasp the usage of social media and how to directly implement it to your Elements website. Therefore, if youJust want to increase network traffic and followers on social channels, then you should use Happy Addons social subscription function. However, if you have any further questions about this social media, please contact us at any time.We are happy to answer all your questions.
Click \”
Then click \”
Select the preferred page to be displayed on the website. 
Content and football 
Now you need Explain 
Products \u0026 amp; apps -\u0026 gt; overview -\u0026 gt; 
: In user information, you can custom Point, avatar, etc. 
Footer and reincarnation 
Instagram News (Professional Edition): -Appy Instagram components to display exquisite photos in your Instagram account in multiple styles. 
However, if you are a novice of Elements, please check this article to understand how to create a login page through several steps. 
\” in the upper left corner. Then select a small part; drag it to the mark area. 
. 
Here you can style: –
Generates access token and user ID 
All your tweets It will automatically appear on the right.Therefore, you can now customize, design, and give it an elegant appearance, making your website more professional and extraordinary. 
