How to Embed SoundCloud Player Widget on Webflow Website

Embed SoundCloud Player Widget on Webflow Website

Follow the following step-by-step guide to embed SoundCloud player on the Webflow Website successfully.

Try Tagembed – Create Your Free Account Now

Step 1: Aggregate SoundCloud Player

1. Sign Up to create a Free Tagembed Account or Login if you already have an account.

Embed Tumblr Feeds on Pagecloud Website

2. You’ll be redirected towards the Tagembed dashboard.

Embed Tumblr Feeds on Pagecloud Website

3. Your First Widget will be already created, just click on the Open button to proceed.

Embed Tumblr Feeds on Pagecloud Website

4. A screen “Pick a source” will appear, here select SoundCloud from the list of networks.

Embed Tumblr Feeds

5. You can Embed Soundcloud player feeds by entering the profile handle.

Enter Soundcloud handle

6. Finally, click on the Create Feed button to start aggregation.

Tip: You can click on the Personalize tab on the left menu panel to change the themes & layout, background, banners and other dedicated themes settings to make the widget look more appealing and attractive.

Step 2: Generate Embed Code for Webflow Website

1. On the bottom-left menu panel, click on the Embed Widget button.

Soundcloud Player

2. Select HTML as the website platform

add instagram feed on webflow website

3. Copy the code from the prompted dialogue box

Step 3: Embed SoundCloud Player Widget on Webflow website

1. Navigate to the Webflow website and login to the admin panel

2. Head to the “Add Element” & scroll down to “Embed”

Instagram feed on webflow

3. Drag & drop it where you want to display the feeds

4. Paste the code into the iframe and click on Save/Publish it.

Try Tagembed – Create Your Free Account Now

Still have questions or need help, please Contact Us or write us at [email protected]