Instagram profile embedding is an essential part of using Instagram on your site. When you add an Instagram profile to your HTML, you'll be able to share images, videos, and stories directly from the interface of your website.
This tutorial will show you how to customize and embed your Instagram profile on your HTML website for free and why you need to do it.
Create and customize your Instagram profile widget
The first part is creating your Instagram profile widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
1. Sign up FREE to SociableKIT. You will be automatically logged in after you enter your email and click the signup button. You can log in here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features.
2. Select "Instagram profile" on the dropdown. SociableKIT offers several social media feed widgets. You might need to search for it using the highlighted area below. Once found, you can then select it.
3. Click the "Connect Instagram account" button. Follow the steps given by Instagram.
4. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.
5. Copy the embed code. Click the "Embed on website" button in the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.
6. Paste the embed code and save your HTML website page. Please follow the second part below to add an Instagram profile widget to your HTML website.
Add an Instagram profile widget to your HTML website.
The second part is adding your Instagram profile widget to your HTML website. After you customize your Instagram profile widget and copied the embed code, it is time to add it to your HTML website. Follow the steps below.
1. Copy your free Instagram profile widget embed code. Make sure you follow the first part above. It detailed how you can create and customize your widget to get your free embed code.
2. Open your HTML file.
3. You can create a new HTML page or edit your existing HTML page.
4. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
5. Save your HTML page.
6. You may now upload your HTML page to your web hosting.
Please share! If you think this tutorial about how to customize and embed an Instagram profile on your HTML website for free is helpful, please share it with your friends! Thank you and we appreciate your kind support!
If you need help or if you have any questions, comments, or suggestions, email me at support@sociablekit.com or chat with me here www.sociablekit.com/support/
#free #embed #instagram #html #html5 #htmltutorial #sociablekit #feed #profile #instagramfeed #instagramprofile
Негізгі бет Ғылым және технология How to embed Instagram profile on your HTML website for FREE?
Пікірлер: 2