Skip to content

Commit ead810c

Browse files
Merge eb894b0 into 38cd82d
2 parents 38cd82d + eb894b0 commit ead810c

File tree

10 files changed

+22
-24
lines changed

10 files changed

+22
-24
lines changed
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

content/arduino-cloud/04.cloud-editor/share-your-sketches/share-your-sketches.md

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,67 @@
11
---
2-
title: 'Share Your Sketches on the Arduino Web Editor'
2+
title: 'Share Your Sketches on the Arduino Cloud editor'
33
description: 'Learn about different methods you can use to share your Arduino sketches with others.'
44
---
55

6-
## Share Your Sketches on the Arduino Web Editor
6+
## Share Your Sketches on the Arduino Cloud editor
77

8-
The [Arduino Web Editor](https://create.arduino.cc/editor) is the online IDE developed by the Arduino team, this web app is part of the [Arduino Cloud platform](https://cloud.arduino.cc/home/). If you are new to it you can learn all about it on this [Getting Started tutorial](/arduino-cloud/getting-started/getting-started-web-editor).
8+
The [Arduino Cloud editor](https://create.arduino.cc/editor) is the online IDE developed by the Arduino team, this web app is part of the [Arduino Cloud platform](https://cloud.arduino.cc/home/). If you are new to it you can learn all about it on this [Getting Started tutorial](/arduino-cloud/getting-started/getting-started-web-editor).
99

10-
The Arduino sketch is the unit that can include everything you need to bring an idea to life. With the **Share feature** of the Web Editor you can simply give someone access to your sketches just by sending them a URL, or by embedding the sketch into a webpage or in a Project Hub tutorial.
10+
The Arduino sketch is the unit that can include everything you need to bring an idea to life. With the **Share feature** of the Cloud editor you can simply give someone access to your sketches just by sending them a URL, or by embedding the sketch into a webpage or in a Project Hub tutorial.
1111

1212
When someone [shares a sketch with you](https://create.arduino.cc/editor/Arduino_Genuino/a5cf7fad-0802-49b6-81ce-2a5bf41bed5d/preview), you’ll have access both to the code, the layout for the electronics, and the full tutorial (when available). This will allow you to have all the necessary information to build on top of the original project, making it your own. Keep on reading and discover how to do it!
1313

1414
## How to Share Your Sketch
1515

1616
* If you don’t have one yet, create your brand new Arduino account [here](https://id.arduino.cc/auth/signup).
1717

18-
* Log in on Arduino the Web Editor [here](https://create.arduino.cc/editor/).
18+
* Log in on Arduino the Cloud editor [here](https://create.arduino.cc/editor/).
1919

20-
* Once you are successfully logged in the Web Editor, hit the ‘New Sketch’ button and code on
20+
* Once you are successfully logged in the Cloud editor, hit the ‘New Sketch’ button and code on
2121

22-
* When done with writing your sketch, click the **‘Share’** button on the toolbar in the editor area. Press **'Copy Link'** and you can now share your Arduino code with the rest of the world!
22+
* When done with writing your sketch, click the **‘Share’** button on the toolbar in the editor area. Press the **Copy** icon on the link and you can now share your Arduino code with the rest of the world!
2323

24-
![sharing_sketches_img_1](assets/sharing_sketches_img_1.jpg)
25-
![sharing_sketches_img_2](assets/sharing_sketches_img_2.jpg)
24+
![Share button](assets/ShareButton.png)
25+
![Sharable link](assets/SharableLink.png)
2626

2727
We will now show you three ways to do so.
2828

2929
### 1. Add Your Sketch to a Project Hub Tutorial
3030

31-
![sharing_sketches_gif_1](assets/sharing_sketches_gif_1.gif)
31+
![Add link to Project Hub](assets/AddLinkPH.gif)
3232

3333
Embed your sketch and share it on Project Hub is super easy! Simply create a new project.
3434

35-
![sharing_sketches_img_3](assets/sharing_sketches_img_3.jpg)
35+
![Create new project](assets/NewProject.png)
3636

37-
Once you are done with the Story and the previous fields go to the Software tab. In the ‘Code’ section, click on **‘Link to the Arduino Web Editor’** or **‘Link Existing Repository’**.
37+
Once you are done with the Story and the previous fields go to the Software tab. In the ‘Code’ section, click on **Add a link or embed**.
3838

39-
![sharing_sketches_img_4](assets/sharing_sketches_img_4.jpg)
40-
![sharing_sketches_img_5](assets/sharing_sketches_img_5.jpg)
39+
![Add link button](assets/AddLink.png)
40+
![Embed link menu](assets/CodeUploader.png)
4141

42-
Give your sketch a title, add some comments and finally copy here the sketch public URL you got previously on the Web Editor. That’s it! Your sketch is now available here and it will always be up-to-date with your latest edits. It will look like this on your tutorial page:
42+
Give your sketch a title, add some comments and finally copy here the sketch public URL you got previously on the Cloud editor. That’s it! Your sketch is now available here and it will always be up-to-date with your latest edits. It will look like this on your tutorial page:
4343

44-
![sharing_sketches_img_6](assets/sharing_sketches_img_6.jpg)
44+
![Code snippet](assets/sharing_sketches_img_6.jpg)
4545

4646
### 2. Share Your Sketch via a Public URL
4747

48-
![sharing_sketches_img_7](assets/sharing_sketches_img_7.jpg)
48+
![Public link](assets/PublicLink.png)
4949

50-
In the [Arduino Web Editor](https://create.arduino.cc/editor) hit the **‘Share’** button, a popup window will be displayed. Click **‘Copy link’** to copy your sketch’s public URL on your clipboard. When you paste this URL in a new tab of your browser you will see a preview of your sketch. You won't even need to be logged in with an Arduino account, so anybody can access it.
50+
In the [Arduino Cloud editor](https://create.arduino.cc/editor) hit the **‘Share’** button, a popup window will be displayed. Click **‘Copy link’** to copy your sketch’s public URL on your clipboard. When you paste this URL in a new tab of your browser you will see a preview of your sketch. You won't even need to be logged in with an Arduino account, so anybody can access it.
5151

52-
The people you shared you sketch with can now download it or add it to their sketchbook (after having signed up to the Arduino Web Editor of course). If you have embedded [your sketch](https://create.arduino.cc/editor/Arduino_Genuino/a5cf7fad-0802-49b6-81ce-2a5bf41bed5d/preview) in a Project Hub tutorial you will see the ‘Open Tutorial’ button displayed to this page as well.
52+
The people you shared you sketch with can now download it or add it to their sketchbook (after having signed up to the Arduino Cloud editor of course). If you have embedded [your sketch](https://create.arduino.cc/editor/Arduino_Genuino/a5cf7fad-0802-49b6-81ce-2a5bf41bed5d/preview) in a Project Hub tutorial you will see the ‘Open Tutorial’ button displayed to this page as well.
5353

5454
When you share a sketch with all these supporting contents (layout, schematics, tutorial...) with a friend, a colleague or in your classroom, they will have everything needed to build up from your idea and make it their own!
5555

56-
![sharing_sketches_img_8](assets/sharing_sketches_img_8.jpg)
57-
5856
### 3. Embed Your Sketch on a Web Page
5957

6058
In the same Share popup window you can also copy your project’s related iFrame and paste it into your HTML page. You will also be able to edit its size and format in order to fit with your page design by editing the iFrame attributes.
61-
62-
![sharing_sketches_gif_2](assets/sharing_sketches_gif_2.gif)
59+
![Add link button](assets/AddLink.png)
60+
![Get embed code](assets/AddEmbed.png)
6361

6462
## Always Up-To-Date!
6563

66-
Now your code is ready to be shared across a variety of platforms! Do you know what’s cool about this feature? Now that your sketch is on the Cloud (literally!) once edited on the Web Editor, it will be also updated across all the places where you have embedded it!
64+
Now your code is ready to be shared across a variety of platforms! Do you know what’s cool about this feature? Now that your sketch is on the Cloud (literally!) once edited on the Cloud editor, it will be also updated across all the places where you have embedded it!
6765

6866
### More tutorials
6967

0 commit comments

Comments
 (0)