Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?

Enhance your website with our Apple Music Playlist widget, letting visitors explore and listen to your curated playlists directly, creating a seamless, on-brand audio experience.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
September 2, 2026 5 min read Ask ChatGPT
Quick answer

Your Apple Music Playlist on Adobe Portfolio website — live in 3 steps

SociableKIT syncs your apple music playlist automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Apple Music Playlist in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Adobe Portfolio website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Apple Music Playlist with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Adobe Portfolio website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Apple Music Playlist on your Adobe Portfolio website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Apple Music Playlist widget

The first part is creating your Apple Music Playlist widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login 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. Sign up to SociableKIT - How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?
  2. Select "Apple Music Playlist" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Apple Music Playlist" on the dropdown - How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?


  3. 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.Customize your feed - How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Apple Music Playlist on your Adobe Portfolio website for FREE?
  5. Paste the embed code and save your Adobe Portfolio website page. Please follow the second part below to add Apple Music Playlist widget to your Adobe Portfolio website .

Add Apple Music Playlist widget to your Adobe Portfolio website

The second part is adding your Apple Music Playlist widget to your Adobe Portfolio website . After you customize your Apple Music Playlist widget and copied the embed code, it is time to add it to your Adobe Portfolio website . Follow the steps below.

  1. Copy your free Apple Music Playlist widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Adobe Portfolio. You must have an 'Individual' or 'Business plan' to use the Adobe portfolio.
  3. Create a new site or edit your existing site. On your dashboard, select to create a new or edit your existing site.
  4. Create a new page or edit an existing page. On the top left click the "+" icon to create a new page.
  5. Add your SociableKIT widget to your site. Decide where you want your widget to show. Hover your mouse to show a "+" icon.
  6. Paste the embed code from SociableKIT. Select "Embed" from the pop-up, it will show other options on the left panel, paste your iFrame embed code on the textbox then click "Save embed". Note: Adobe Portfolio only accepts iFramed embed codes.
  7. View your page. On the bottom of the page, click the 'Preview' button. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Apple Music Playlist on your Adobe Portfolio site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Adobe Portfolio. You must have an 'Individual' or 'Business plan' to use the Adobe portfolio.
  4. Create a new site or edit your existing site. On your dashboard, select to create a new or edit your existing site.
  5. Create a new page or edit an existing page. On the top left click the "+" icon to create a new page.
  6. Add your SociableKIT widget to your site. Decide where you want your widget to show. Hover your mouse to show a "+" icon.
  7. Paste the embed code from SociableKIT. Select "Embed" from the pop-up, it will show other options on the left panel, paste your iFrame embed code on the textbox then click "Save embed". Note: Adobe Portfolio only accepts iFramed embed codes.
  8. View your page. On the bottom of the page, click the 'Preview' button. Done!
Full Adobe Portfolio tutorial →

To embed Apple Music Playlist on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Apple Music Playlist on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Apple Music Playlist on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Apple Music Playlist on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Apple Music Playlist on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Apple Music Playlist on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Apple Music Playlist on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Apple Music Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Apple Music Playlist template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Adobe Portfolio website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Apple Music Playlist on your Adobe Portfolio website.

What is an Apple Music Playlist widget?

An Apple Music Playlist widget displays one selected Apple Music playlist directly on your website. It lets visitors explore your curated tracks near your artist profile, event, campaign, store, or other important content.

How do I add an Apple Music playlist to my website without coding?

Create the widget in SociableKIT, enter the Apple Music Playlist ID, customize the design, and copy the generated embed code. Paste it into an HTML, custom code, iframe, or embed block on your website.

Where can I find the Apple Music Playlist ID?

Open the playlist in Apple Music on the web and copy the text after the /playlist/ in the URL. You can also follow our step-by-step guide here.

Does the Apple Music playlist need to be public or shareable?

The playlist must have a working Apple Music link that ordinary visitors can open. A deleted, private, restricted, or otherwise unavailable personal playlist cannot provide a dependable public website source.

Do I need to own the playlist or create an Apple Music API key?

No custom API development or developer key is required for the standard SociableKIT setup. You can connect an accessible Apple Music playlist, although you should feature only playlists and artwork that you own or have permission to promote.

Do visitors need an Apple Music subscription to use the widget?

Visitors without a subscription can generally browse Apple Music and listen to available song previews. Full playback and account-based actions normally require an Apple Music subscription and may require the visitor to sign in.

Can visitors play complete songs or only previews?

Playback depends on the visitor's Apple Music access and the rules of the embedded Apple player. Non-subscribers usually receive previews, while eligible signed-in subscribers can access full catalog playback.

Will newly added playlist tracks appear automatically?

Yes, paid SociableKIT plans include automatic syncing, so you can keep the same embed code when eligible playlist content changes. The free plan lets you request a manual sync when you want to refresh the widget.

How quickly will playlist changes appear on my website?

The new track order or playlist information must first be saved and available through Apple Music. It can then appear after the next SociableKIT sync, so updates should not be treated as instant.

What information can the Apple Music Playlist widget display?

The widget can present available details such as the playlist title, artwork, description, playlist creator, track names, artists, albums, and playback actions. The exact fields depend on what Apple Music makes available and which SociableKIT settings and template are enabled.

What happens when I add, remove, or reorder tracks?

Apple Music lets playlist owners add songs, remove songs, rename the playlist, change its artwork, and reorder its tracks. Eligible changes can reach the website after Apple Music saves them and SociableKIT completes its next sync.

What happens if the Apple Music playlist is deleted?

Deleting the playlist removes the source the widget depends on, although the individual songs may remain in the owner's music library. Replace the connected Playlist ID with another accessible playlist to keep the website section active.

Why is a song missing, unavailable, or grayed out?

The song may have been removed from the Apple Music catalog, restricted in the visitor's region, hidden, or blocked by explicit-content settings. The widget cannot restore a track that Apple Music does not make available to that listener.

Can the playlist show different tracks in different countries?

Yes, Apple Music services and catalog availability can vary by country or region. A track that plays for one visitor may be missing, replaced, or unavailable for someone using a different regional storefront.

How does the widget handle explicit songs?

Explicit tracks can appear when they are part of the playlist, but Apple Music respects the listener's content restrictions. Visitors whose settings allow only clean content may see explicit tracks unavailable or grayed out.

Can the Apple Music playlist autoplay on my website?

Autoplay depends on the Apple player, browser rules, device settings, and the visitor's subscription status. Browsers often require a click before audio starts, so manual playback provides the most dependable experience.

Can visitors add the playlist to their library or share it?

The widget can guide visitors to Apple Music for actions such as opening, sharing, or adding the playlist to their library. These account-based actions may require the visitor to sign in and have an active Apple Music subscription.

Can I display a collaborative Apple Music playlist?

A collaborative playlist can work when it has a shareable Apple Music link and remains accessible to website visitors. Changes made by the owner or participants may appear after Apple Music saves them and SociableKIT refreshes the source.

Can I display multiple playlists or reuse one playlist?

Yes, each different Apple Music playlist can be connected as a separate source, while one source can power multiple widget designs. Paid SociableKIT plans let you reuse the same playlist across unlimited widgets, views, and websites.

Is the widget mobile friendly, customizable, and available free?

Yes, the widget adjusts to desktop, tablet, and mobile screens and supports customizable colors, fonts, spacing, layout, and calls to action. The free plan includes one source, one widget, and up to 2,000 monthly views, while paid plans add automatic syncing, unlimited widgets and views, branding removal, and 24/7 human support.

Add your Apple Music Playlist widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Apple Music Playlist widget page →