Unlock the potential of your website by integrating a stunning Instagram feed with Spectra Pro. This powerful block allows you to seamlessly display your Instagram posts on your website, captivating your visitors and boosting engagement. With its user-friendly interface and versatile customization options, Spectra Pro makes it effortless to create a visually appealing Instagram feed that perfectly aligns with your website’s design.
- Seamless Integration: You can effortlessly connect your Instagram account to your website, allowing you to display your Instagram posts directly on your pages.
- Customization Options: Tailor your Instagram feed to match your website’s aesthetics and branding. Customize the layout, colors, grid structure, and more to create a visually cohesive experience for your visitors.
- Responsive and Mobile-Friendly: Spectra Pro ensures that your Instagram feed looks stunning across all devices, providing a seamless experience for your mobile users.
- Follow Button: Grow your Instagram following by integrating a customizable Follow button within your feed. Encourage visitors to become your Instagram followers with a single click.
- User-Friendly Interface: Spectra Pro offers an intuitive interface that makes it easy to set up and manage your Instagram feed. No coding knowledge is required, empowering you to create stunning feeds effortlessly.
How to connect your Instagram Account?
To begin, you can establish a connection between your Instagram account and the Spectra Dashboard. Follow these steps:
- Access the Spectra Dashboard by navigating to Spectra > Dashboard > Settings > Integrations.
- Within the Integrations section, locate and click on the ‘Link a Personal Account‘ button. This action will direct you to the Instagram login page.
- On the Instagram login page, input your login credentials to successfully link your Instagram account with the Spectra Dashboard.
Instagram Feed Block Settings
In the layout section, you can customize the appearance of your Instagram feed. Start by selecting a user from the dropdown menu, which determines the source of the content for your feed. Next, you have the option to choose between different display types such as Grid, Masonry, or Carousel, which dictate the visual arrangement of your posts.
To fine-tune the display further, you can specify the number of columns and the maximum number of posts to be displayed at a time. This allows you to control the density and quantity of content visible in your feed.
Additionally, there is a toggle button available to enable the “Open Instagram on Click” functionality. When activated, clicking on a post in the feed will open the corresponding post directly on Instagram, allowing users to engage with the content in its original context.
In terms of pagination, you have the choice to enable it or disable it. Enabling pagination allows you to control the number of posts per page and select a pagination type, either “Loader” or “Button.” If you choose the “Loader” option, new posts will be loaded automatically as the user scrolls down the feed. On the other hand, selecting the “Button” option will require users to click a button to load additional posts.
Once you have enabled the Display Captions toggle button, you gain access to additional customization options for the captions within your Instagram feed. These settings allow you to fine-tune the appearance and behavior of the captions.
Firstly, you can specify the maximum length of characters for the captions. This feature ensures that captions are truncated or shortened to a specific character count, maintaining a consistent and visually pleasing layout.
Furthermore, you have the freedom to choose the type of caption placement. There are three options available: overlay, bar over image, or bar outside image. Selecting the “Overlay” option will display the captions directly on top of the image, blending them seamlessly with the visual content. If you prefer a more distinct separation, you can choose either the “Bar Over Image” or “Bar Outside Image” options, which position the captions as a solid bar either on top of the image or alongside it.
Additionally, you can control the visibility of captions on hover. By selecting the “Show on Hover” option, the captions will be displayed when the user hovers their cursor over the image. Conversely, choosing the “Hide on Hover” option ensures that captions remain hidden until interaction occurs.
These caption customization options allow you to tailor the appearance and behavior of captions within your Instagram feed, providing you with the flexibility to create a visually appealing and interactive user experience.
Styling options for Instagram Feed block
In your Instagram feed, you can enhance the user experience by adding an interactive feature – Enable Hover Zoom toggle button. This button allows you to easily zoom in or zoom out on images within the feed.
To further customize the appearance of your Instagram feed, you have the option to set a border. A drop-down menu provides various border styles and thickness options, enabling you to match the border to your desired aesthetic.
Additionally, you have control over the caption settings. You can choose the typography that best suits your brand or personal style. The caption padding option lets you adjust the spacing around the text, allowing for a balanced and visually pleasing layout.
Moreover, you can customize the pagination settings for your Instagram feed. With the ability to set the top margin, you can control the spacing between the feed and other elements on your page.