Embed videos into Wix.com

  1. Open the page into which you want to insert the code.
  2. Click on “Add” on the left menu.
  3. Select “Music & Video” and choose “Video”.
  4. Click on the “Enter URL” button.
  5. Paste the URL to your video on Youtube.com and click on OK.
  6. Wix.com will instantly show you a preview of the embedded video.

Visit the Wix Support Center

It didn’t work?
Visit the Wix Support Center

Related links

Embed videos into Weebly.com

  1. Open the page you want to show the video on.
  2. Click on the “Elements” record.
  3. Choose the “Multimedia” folder.
  4. Drag and drop the YouTube Video element onto your page.
  5. Paste the URL to your YouTube video.
  6. Weebly.com will instantly show you a preview of the embedded video.

Visit the Weebly Support Center

It didn’t work?
Visit the Weebly Support Center

Related links

Create videos

1. Define the video size

320×240 is a common caption for videos on the web. You can record your video in 320×240 if you are quite sure that you will not have to enlarge the video to a bigger capture such as 640×480.

2. Fix your camera

Try to not move your camera while shooting. Use a tripod if necessary.
If you shoot movements the object you are shooting should move, not the camera.
The closer the shot (close-up) the less you should move the camera.
Never move your camera while shooting with a zoom effect (tele).

3. Shoot

Shoot against a simple plain background.
Shoot enough close-ups and avoid the zooming effects. Instead of zooming, move closer to the object you are shooting.
Make sure the subject appears mostly in the middle of the video and the content is fast-moving and exciting.

4. Open your video in a video editor

Use the online video editor www.youtube.com/editor or www.filelab.com/video-editor to edit your video. Alternatively you can use the pre-installed video editing software on your Windows or Mac machine – they are also very good:

5. Cut and arrange the clips

Cut your video down to single clips and arrange them into a linear sequence to tell a story.
Use hard cuts between the shots. Avoid the transition effects offered by video editing software. They will make your file size larger and they don’t work well on low quality videos.

6. Add audio

Video editors offer a special track for the audio. You can add some music or edit the voice you recorded together with the video. Be aware of copyright infringements if you use music in your video. The YouTube Video Editor offers audio tracks for free.

7. Capture it

If you shot your video in a bigger size, capture it now down to 320×240. If you want to use a bigger size you can capture it to 640×480.

8. Save and export

Save or export your video as a QuickTime MOV.
Use WMV if it’s not possible to export your video as a QuickTime. Mac users will not be able to watch your video if you publish it as a WMV.

9. Publish it on YouTube.com

The easiest way to publish your video online is to upload it to www.youtube.com. YouTube will automatically convert your video while uploading and make it accessible for almost everyone. You can also edit your video with the YouTube Video Editor.

10. Copy the URL

Click on the “Share” button under the video you uploaded on www.youtube.com and copy the URL.
www.youtube.com

Related links

Edit images for the web

1. Fix the exposure

If your photo is too dark or too bright try www.picnik.com to fix the exposure. If you need more colour effects try www.pixlr.com/editor.

2. Crop and resize

Rotate, resize and crop your images with www.picnik.com.
It’s better to crop images instead of overly reducing them.

3. Save your image

Save photos on www.picnik.com as JPGs and choose a compression quality of about 60%. A small image should not be larger than 30 kB. If you want to show a large, high quality photo you can use 200 kB.
Save illustrations, diagrams, logos and icons or images with a large area of single colour as a GIF.

Visit the picnik support center

It didn’t work?
Visit the Picnik Support Center

Related links

Insert images

1. Use images that are meaningful

Images should be highly related to the content. Don’t insert images only to decorate your pages or fill empty space. Image and text should complement one another.

2. Be honest

Stock art images look nice, but they don’t show reality. Be honest with your customers and show them real life photos. Also, use colourful images instead of black-and-white images.

3. Add a caption

Add a caption near the image if its meaning is not instantly clear to everyone.

4. Make images accessible

Describe the content or functionality of images with the alternate text “alt=”. Thanks to this description in the alternate text people with visual impairment will be able to understand the meaning of your images.

5. Use images sparingly

Don’t overfill your website with images. A single meaningful image will create more impact than 10 useless images.

6. Offer a gallery or slideshow for more pictures

If you want to show a lot of pictures of a place or location create a photo gallery or a slideshow.

Gallery

Slideshow

7. Offer a zoom-in option for product details

If you want to show details of a product you should offer a zoom-in option:

  1. Put your high quality photos online, for example on www.flickr.com.
  2. Copy the URL of the image.
  3. Go to www.zoom.it, insert the URL and click on the “Create” button
  4. Copy the embed code from http://www.zoom.it.
  5. Go to Weebly.com, Wix.com or WordPress.com and insert a custom HTML element on the page you want to offer the image with zoom-in option.
  6. Insert the embed code in the custom HTML element and save the page.

8. Be original

If you want to play around with images and create something funny try the sites below. But don’t exaggerate. The images should still be meaningful and understandable.

Related links