Wixel: Creating and Customizing a Document
Create visually engaging, professional documents in Wixel for any business need. For anything from project proposals to fitness guides, use AI to design your layout and write your content or fine-tune every detail yourself. Add media, buttons, and widgets to create an interactive experience, then share your finished document instantly with a link.
Note:
Actions that involve generating and editing a document with AI use AI credits.
Step 1 | Add a document
Begin by adding a document to your project by describing your idea to the Wixel Agent, choosing a template, or starting from scratch. However you begin, you can draft ideas, structure your sections, and use AI to help with wording and visuals.
To add a document:
Desktop browser
Choose how you want to start:
Design with AI: Describe in the text box what you want to create. For example, "Create a document for an interactive study guide for business students” or “Create a 3-month fitness plan".
Choose a template: Scroll down and select a template from the Docs tab.
Start from scratch: Scroll down and select a blank document from the Blank Frames tab.
Wixel app
Go to your project in the Wixel app.
Choose how you want to start:
Design with AI: Tell the Wixel Agent what you want to create. For example, "Create a document for an interactive study guide for business students” or “Create a 3-month fitness plan".
Choose a template: Tap Create New Design and select a template.
Start from scratch: Tap Create New Design and tap Start with a blank frame.
Step 2 | Add elements to your document
Make your document more impactful by adding interactive and visual elements. Whether you want to showcase data with a chart, embed media, or organize your layout, you have all the tools you need directly in your project workspace. Mix and match different elements to make your document both useful and engaging for any reader.
Desktop browser
Select the relevant document in your project.
Click the Elements icon
on the toolbar.
Choose what to add:
AI tools
Use Wixel’s AI-powered tools to go beyond standard document features. The AI widget lets you add interactive, smart content to your documents, like charts, infographics, games, maps, and more, by describing what you want to create.
Select AI Widget under AI tools.
Describe what you want to create in the text box. For example: "Create a bar chart showing membership growth by month" or "Build a simple meal planning calculator".
(Optional) Click Types to choose a specific widget type (e.g. chart, calculator) and click the Add icon
to include reference files.
Click the Send icon
.
(Optional) Review the widget that's added to your document. If you want to refine or update it, select the widget and chat with the Wixel Agent to explain what to change. You can also use the suggestions provided above the widget.
Media
Make your document more dynamic with visual content. Add images, videos, GIFs, and shapes from your project files, your computer, or free stock media from Wix.
After adding media, use the action bar to set the size, alignment, and settings, or add a link and a caption.
Under Media, choose from the following elements:
Image
Video
GIF
Shapes
Vector Art
Layout elements
Structure and organize your content so your document is easy to follow.
Under Layout elements, choose from the following elements:
Layout: Choose a predesigned layout to start from
Button: Links to a web address or to a section in the same document
Divider
Code snippet
Expandable list: A collapsible list, useful for FAQs
Gallery
Table
Embeds
Add content from your favorite platforms directly into your project by embedding media, social posts, and more. You can embed videos, audio, or posts to make your document dynamic.
Under Embeds, choose from the following elements:
YouTube video
Audio file: Upload your own or embed from an external source.
Spotify track
SoundCloud
File
AdSense: Ad space from Google AdSense
HTML embed: Add custom code or an external site.
Instagram post
TikTok video
X post
Notes:
Make sure to read through the limitations of the HTML element before using it.
When embedding an external site, the address must start with HTTPS. HTTP sites will not be displayed.
Wixel app
Go to your project in the Wixel app.
Select the relevant document in your project.
Tap the Edit icon
and then tap + Elements on the action bar.
Choose what to do:
AI tools
Use Wixel’s AI-powered tools to go beyond standard document features. The AI widget lets you add interactive, smart content to your documents, like charts, infographics, games, maps, and more, by describing what you want to create.
Select AI Widget under AI tools.
Describe what you want to create in the text box. For example: "Create a bar chart showing membership growth by month" or "Build a simple meal planning calculator".
(Optional) Tap Types to choose a specific widget type (e.g. chart, calculator) and tap the Add icon
to include reference files.
Tap the Send icon
.
(Optional) Review the widget that's added to your document. If you want to refine or update it, select the widget and chat with the Wixel Agent to explain what to change. You can also use the suggestions provided above the widget.
Media
Make your document more dynamic with visual content. Add images, videos, GIFs, and shapes from your project files, your computer, or free stock media from Wix.
After adding media, use the action bar to set the size, alignment, and settings, or add a link and a caption.
Under Media, choose from the following elements:
Image
Video
GIF
Shapes
Vector Art
Layout elements
Structure and organize your content so your document is easy to follow.
Under Layout elements, choose from the following elements:
Layout: Choose a predesigned layout to start from
Button: Links to a web address or to a section in the same document
Divider
Code snippet
Expandable list: A collapsible list, useful for FAQs
Gallery
Table
Embeds
Add content from your favorite platforms directly into your project by embedding media, social posts, and more. You can embed videos, audio, or posts to make your document dynamic.
Under Embeds, choose from the following elements:
YouTube video
Audio file: Upload your own or embed from an external source.
Spotify track
SoundCloud
File
AdSense: Ad space from Google AdSense
HTML embed: Add custom code or an external site.
Instagram post
TikTok video
X post
Notes:
Make sure to read through the limitations of the HTML element before using it.
When embedding an external site, the address must start with HTTPS. HTTP sites will not be displayed.
Step 3 | Customize your document
Design every part of your document to match your needs and style. Update layouts and visuals so your document looks exactly how you want before you share it online.
To customize your document:
Desktop browser
Select the relevant document in your project.
Choose what to do:
Customize your theme
Give your document a polished, branded look by applying a theme. You can control the overall color scheme, font choices, and even style individual headings or paragraphs for a cohesive, professional result.
Click the frame details above the document.
Click Themes on the action bar.
Choose how to select your theme:
Select a suggested preset: Choose from the color and font combinations or choose a color and font pair separately.
Customize a theme by individually selecting theme colors and fonts.
Click Edit theme.
Choose a color theme: Click a color in the palette and select a new color from the Color picker panel.
Choose a font theme: Select a font from the Text drop-down to apply it to all text styles or individually select a text style to edit the font, color, size, line height, and character spacing.
Edit text formatting
Use the formatting options on the action bar to adjust the text style, formatting, add lists, insert links, and more. To get to these options, highlight specific text or find blank space in your document to start typing.
Wixel app
Go to your project in the Wixel app.
Select the relevant document in your project.
Tap the Edit icon
.
Choose what to do:
Customize your theme
Give your document a polished, branded look by applying a theme. You can control the overall color scheme, font choices, and even style individual headings or paragraphs for a cohesive, professional result.
Tap the Theme icon
on your action bar.
Choose how to select your theme:
Select a suggested preset: Choose from the color and font combinations or choose a color and font pair separately.
Customize a theme by individually selecting theme colors and fonts.
Tap Edit Theme.
Choose a color theme: Click a color in the palette and select a new color from the Color picker panel.
Choose a font theme: Select a font from the Text drop-down to apply it to all text styles or individually select a text style to edit the font, color, size, line height, and character spacing.
Edit text formatting
Use the formatting options on the action bar to adjust the text style, formatting, add lists, insert links, and more. To get to these options, highlight specific text or find blank space in your document to start typing.
Step 4 | Adjust your document settings
Adjust the overall look and feel of your document with page, button, and image settings.
To adjust your document settings:
Desktop browser
Select the relevant document in your project.
Click the frame details above the document and click Document Settings on the action bar.
Customize your settings using the following options:
Page setup: Choose how the content is formatted on the published document.
Content Width: Set how wide your content appears on the document.
Vertical Paddings: Set the spacing above and below your content on the document.
Background: Set the background color or pick a background image for the page.
Buttons: Style the appearance of the document's buttons. Select which state to add an animation for:
Normal: This is how the button appears when visitors open the document. Set the background color, text color, button size, border radius, border width, and border color.
Hover: This is how the button appears when visitors hover over the button with their mouse. Set the hover background color, hover text color, and hover border color.
Images: Customize the look of all images in your document. Select a border radius, border width, and border color.
Wixel app
Go to your project in the Wixel app.
Select the relevant document in your project.
Tap the Edit icon
on the right.
Tap the Settings icon
on the action bar.
Customize your settings using the following options:
Background: Set the background color or pick a background image for the page.
Buttons: Style the appearance of the document's buttons. Select which state to add an animation for:
Regular: This is how the button appears when visitors open the document. Set the background color, text color, button size, border radius, border width, and border color.
Hover: This is how the button appears when visitors hover over the button with their mouse. Set the hover background color, hover text color, and hover border color.
Images: Customize the look of all images in your document. Select a border radius, border width, and border color.
Note:
To customize the page setup, head over to your desktop browser.
What's next?
Preview and share your document.
FAQs
Click a question below to learn more.
How can I use AI to help me write or edit my document?
The Wixel Agent can help design your entire document, rewrite or improve text, generate visuals, create interactive widgets, and much more.
Note: Any action that the Wixel Agent does that generates or edits a document with AI uses AI credits.
Can I translate my document into other languages?
Yes, you can ask the Wixel Agent to translate the document into any language.
What types of media files can I add to my document?
Wixel supports a variety of media file types and sizes, including images, videos, audio, and more. For best results, use high-quality images to ensure they display clearly across all devices.
Why is my media not displaying correctly in my shared document?
There are several reasons why your media might not display as expected:
Unsupported file type or size: Ensure you're using a supported file format and that the file doesn’t exceed Wixel’s upload limits. Large files may fail to load or appear slowly.
Image resolution: Low-resolution images can appear blurry or pixelated. For best results, we recommend using high-quality images.
Browser or internet issues: Try refreshing the page, clearing your browser’s cache and cookies, or viewing the document in a different browser or device to rule out local loading issues.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected