Use either the Wolfram Notebook Embedder library for JavaScript or iframes to embed a cloud notebook into a webpage.
Using the Wolfram Embedder Library...
Go to a published notebook in the Wolfram Cloud
View a published notebook in the Cloud and copy the URL to the clipboard:
![](Files/EmbedACloudNotebookInAWebpage.en/1.png)
- By default, published notebooks have permissions set to public.
- To learn how to publish a notebook to the Wolfram Cloud, see the workflow Publish a Notebook to the Cloud for more information.
Create the HTML file
Open up your editor of choice and write the HTML code that uses the Wolfram Notebook Embedder Library:
Save the file as basic-example.html.
Open the webpage
Open the file with your browser:
![](Files/EmbedACloudNotebookInAWebpage.en/3.png)
Using iframes...
Go to a published notebook in the Wolfram Cloud
View a published notebook in the Cloud and copy the URL to the clipboard:
![](Files/EmbedACloudNotebookInAWebpage.en/4.png)
Use EmbedCode to create the code for the iframe:
Create the HTML file
Open up your editor of choice and paste the code into the HTML file:
Save the file as basic-example.html.
Open the webpage
Open the file with your browser:
![](Files/EmbedACloudNotebookInAWebpage.en/7.png)
Using the Wolfram Embedder Library...
Go to a published notebook in the Wolfram Cloud
View a published notebook in the Cloud and copy the URL to the clipboard:
![](Files/EmbedACloudNotebookInAWebpage.en/8.png)
- By default, published notebooks have permissions set to public.
- To learn how to publish a notebook to the Wolfram Cloud, see the workflow Publish a Notebook to the Cloud for more information.
Create the HTML file
Go to your Wolfram Cloud product, open up a new HTML file and write the code that uses the Wolfram Notebook Embedder Library:
Publish the webpage
From the file menu, select “Share”, then follow the dialog to create a publicly accessible webpage:
![](Files/EmbedACloudNotebookInAWebpage.en/10.png)
Use the link to view the webpage:
![](Files/EmbedACloudNotebookInAWebpage.en/11.png)
Using iframes...
Go to a published notebook in the Wolfram Cloud
View a published notebook in the Cloud and copy the URL to the clipboard:
![](Files/EmbedACloudNotebookInAWebpage.en/12.png)
Use EmbedCode to create the code for the iframe:
Create the HTML file
Go to your Wolfram Cloud product, open up a new HTML file and paste the code into the relevant section:
![](Files/EmbedACloudNotebookInAWebpage.en/14.png)
Publish the webpage
From the file menu, select “Share”, then follow the dialog to create a publicly accessible webpage:
![](Files/EmbedACloudNotebookInAWebpage.en/15.png)
Use the link to view the webpage:
![](Files/EmbedACloudNotebookInAWebpage.en/16.png)