< Back Studio, Partners & Enterprise Wix Studio Studio Editor: Changing and Customizing the Background of a Section Design each section of your client's site with precision. Select a color, gradient, image, or video for the background to set the tone. You can also incorporate pattern overlays and scroll effects to enhance the visual appeal and create a more engaging experience. Tailor these elements to reflect your client's brand and vision while keeping user interaction in mind. Good to know: You can set the section's background color / gradient for each breakpoint to ensure it looks ideal on every device. To speed up the design process, we have created tons of ready-made and fully responsive sections under Sections in the Add Elements panel. Adding a color to the section background Pick any color for your section's background, whether it's one of your theme colors or a custom color. You can then set the opacity if you prefer a more subdued background. To change the background color of a section: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click the color box under Design . Depending on your preference, select a color: Theme colors: Choose one of your site colors . My colors: Choose an existing custom color. A new color: Click + Add to add a new color to the Color Picker. (Optional) Use the slider to increase or decrease the color's opacity. Adding a gradient to the section background The Studio Editor offers different types of gradients for your section's background: Radial, Linear or Conic gradient : Choose up to 8 colors and control the opacity of each individual color in these gradients. You can also adjust the angle (Linear), focal point (Radial) or both (Conic) to achieve the look you want. Fluid gradient : This gradient lets you create a mesh-like effect, blending as many colors as you need. You can control the opacity, size and spread of each individual color in this gradient. To add a gradient background to a section: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click the color box under Design . Depending on your preference, click below to learn how to create each gradient type: Add a Linear, Radial or Conic gradient (In the Color Picker) Click the Gradient icon . Choose the gradient type from the drop-down: Linear , Radial or Conic . Adjust the gradient and its colors by doing the following: (Linear and Conic) Change the angle: Click the current angle that appears on the gradient preview. Enter the desired angle. (Radial and Conic) Change the focal point: Click the current focal point appearing on the gradient preview. Hold and drag it to the desired location. Change an existing color: (On the colors bar under the preview) Click the color dot that you want to change. Click the color box. Select a color. You can choose one of your theme colors or any custom color you wish. Add more colors: (On the colors bar under the preview) Click on the desired location for your new color. Tip: As you hover over the colors bar, you'll notice your cursor changing to this icon . Select a color. You can choose one of your theme colors or any custom color you wish. (Optional) Drag the slider to change the color's opacity. Delete a color: (On the colors bar under the preview) Click the color dot that you want to remove. Click the Delete Color icon . Tip: Save the gradients you design so they're always available for future use. After designing your gradient, click + Add next to My color gradients . Add a Fluid gradient (In the Color Picker) Click the Fluid Gradient icon . Adjust the gradient and its colors by doing the following: Change an existing color: (On the gradient preview) Click the color dot that you want to change. Click the color box below the preview. Select a different color. You can choose one of your theme colors or any custom color you wish. Add more colors: (On the gradient preview) Click on the desired location for your new color. Tip: As you hover over the preview, you'll notice your cursor changing to this icon . Select a color. You can choose one of your theme colors or any custom color you wish. Adjust your new color: Drag the slider to change the color's opacity. Drag the slider under Size to change the amount of space this color takes up in the gradient. Drag the slider under Spread to set how much each color spreads across the gradient. Delete a color: (On the gradient preview) Click the color dot you want to remove. Click the Delete Color icon . Tip: Save the gradients you design so they're always available for future use. After designing your gradient, click + Add next to My fluid gradients . Adding an image to the section background Add an image to the section's background from the canvas or the Inspector panel. You can use your own uploaded images, choose a free image from Wix / Unsplash, or purchase a Shutterstock image. Once you've added an image, you can adjust the focal point so the relevant part is always displayed. Tip: You can add a color or gradient overlay on top of your image. Click the color box to select a color or gradient, then drag the slider to adjust the opacity of this layer. To add an image background to a page section: Open the relevant page in your editor . Choose what to do next: Apply image background directly on the canvas Add the relevant image to the page: Click Add Elements on the left side of the editor. Click Media . Choose one of the options: My Uploads: Select an image you have uploaded. Single Images: Add an image in the shape you want, then click Change Image to access the Media Manager. Tip: Click the Media from Wix tab to choose from thousands of professional photos and illustrations, free of charge. Drag and drop the image to the section to attach it. Click the image on the canvas. Click the Set image as background icon . Apply image background from the Inspector panel Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click + Add image or video under Media . (In the Media Manager) Choose what to do next: Select or upload your own image. Click the Media from Wix / Unsplash tab to use one of our free images. Click the Shutterstock tab to purchase an image from Shutterstock. Click Change Background . Customize an existing image background Click the Open Inspector icon at the top right of your editor. Adjust the following settings under Media : Focal Point : Select the part of the image that should always be visible, even when the screen is resized. Opacity: Drag the slider to change the image's visibility. Fitting options: Click the drop-down to choose how this image should fit the section. (Optional) Click the Background Scroll Effects icon to choose a scroll effect (e.g. parallax). Updated a site from Editor X to Studio? If you've applied a parallax effect to a background image, it remains the same on Studio – unless you delete the effect or replace the image. In the Studio Editor, you can add a parallax effect to an image in any of the following ways: Set the image as the section background, then apply a background scroll effect on the section. Add the image to the section, then apply a scroll parallax animation on the image. Make sure to not apply any other animations to the image. Adding a video to the section background Add a video background to add a sense of movement to your section. You can choose the focal point of the video, change the playback speed and decide whether or not it plays in a loop. We have a whole library of free videos you can use for your background, but you can also use your own files or purchase a video from Shutterstock. Tip: You can add a color or gradient overlay on top of your video background. Click the color box to select a color or gradient, then drag the slider to adjust the opacity of this layer. To add a video background to a page section: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click + Add image or video under Media . (In the Media Manager) Choose what to do next: Select or upload your own video. Click the Media from Wix / Unsplash tab to use one of our free videos. Click the Shutterstock tab to purchase a video from Shutterstock. Click Change Background . (Optional) Customize your video background in the Inspector panel: Focal point: Click the Focal Point icon to select the area in the video that should always be visible, even when the screen is resized. Opacity: Drag the slider to change the video's visibility. Playback speed: Click the drop-down to select the speed (e.g. Normal, 0.25x, 1.25x). Play in a loop: Click the toggle to change the way the video is played: Enabled: The video plays in an infinite loop in the background. Disabled: The video only plays once to visitors, then stops. Want to see it live? Click the Play button on your video to see how it looks directly on the canvas. Adding a pattern overlay to the section background Apply an interesting pattern over your section's background. We have a variety of patterns to choose from, in different colors and sizes – browse through the list and click patterns you like to see how they blend with the background. To add a pattern overlay to the section background: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Enable the Apply pattern overlay toggle under Background overlay . Browse through the available patterns. Click a pattern to add it as an overlay and see how it fits your background. Adding a scroll effect to the section background Background scroll effects add a sense of movement as visitors scroll up and down your client's site. There are tons of effects to choose from (e.g., Parallax, 3D, Zoom), all of which can make your client's content stand out. Note: The available scroll effects depend on the background type you have chosen for the section (i.e. color, image, etc.) To add a background scroll effect: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click the Animations and Effects tab . Click + Add under Scroll . Choose the desired effect from the list. (Optional) Click Adjust Animation at the bottom to tweak the effect's settings. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Managing your customers Wix Forms: Adding and Setting Up a Donation Form Having a donation form on your site allows you to connect with your charitable site visitors. Your visitors can help you support a cause by making a donation. Donations can be made on behalf of an organization, a specific individual, or anonymously. Note: This article refers to adding a donation form using old Wix Forms . In the new Wix Forms, you can add a donation field to any of your forms. Before you begin: Make sure you've connected your site to a payment method and purchased a premium plan . Step 1 | Add a donation form to your site Add a predefined donation form to your site, then drag and drop it to anywhere on your site. You can change the form fields and the design of your donation form anytime. To add a donation form: Go to your editor . Click Add Elements . Click Contact & Forms . Click Donation on the left. Click or drag any of the forms under Donation onto your site. Step 2 | Manage your donation fields After adding your donation form, customize the fields according to the information you want visitors to submit. You can add, edit or remove fields as needed. To manage your form fields: Add a new field: Click the form. Click Add New Field or click the Plus icon . Click the Add icon next to the field you want to add. Edit an existing field: Click the relevant field in your form. Click Edit Field . Edit the field using the available options: Click the Field title text box to add a title for the field name. Tip: Learn more about adding field titles to your form . Select the relevant option under Show initial text : None: No text appears in the field. Placeholder text: Add text to the field to help visitors understand what they should enter (e.g. "Add it here"). Remove a field: Click the relevant field in your form. Press "Delete" on your keyboard. Step 3 | Set up payments on your donation form Send your site visitors to checkout when they submit your donation form. You can suggest a donation amount by setting a default, or allow visitors to decide. To setup payments on your form: Click Donate . Click Settings . Choose what happens when a visitor submits a form: Show success message Display a success message. Edit the message settings: Enter the message you want to show. Set how long the message should show for. Go to site page or popup Direct visitors to another page on your site or a popup. Click the Link icon . Select the link destination on the left and enter the link details on the right. Click Done . Link to external URL Direct visitors to an external web address. Click the Link icon . Enter the URL on the right. Click Done . Show link to file download Allow visitors to download a file after submitting the form. Note: This is a Premium feature which requires a Premium plan . Click Upload file to choose the file your site visitors will download. Note: You can add doc & .docx, .xls & .xlsx, .ppt & .pptx, .odt, .odp and .pdf. You cannot upload password protected documents. Edit the download link text. 3. Scroll down to Accept Payments on Your Form . 4. Click Set Up Payment Form . 5. Click Get Started and set up the desired payment form type. Tip : Click here to set up your payment form type. Design Your Donation Form: Now that your Donation Form is set up, you can design it using one of the preset designs. You can also customize the design to match the look and feel of your site by clicking the Design icon . Learn More This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your media Adding & managing media Wix Media: Supported Media File Types and File Sizes Wix allows you to upload a wide range of media file types directly to your site, like images, video, audio, icons, vector art (SVG) and more. Note: We are always working to improve and expand the supported file types and sizes we offer. If you would like to upload other file types and larger file sizes, you can use the Wix File Share app. With the File Share app, you can upload files directly onto your site to share with your visitors. Read the app's file guidelines . There are also several other apps that you can try in the Wix App Market. Supported file types and sizes Select a media type below to learn more about the supported file types and file size recommendations and limits. Images Click an image type below to learn more about the supported files and size limits. Site images Supported files: JPG, PNG, GIF, JPEG, JPE, JFIF, BMP, HEIC, HEIF, TIFF, TIF, WEBP, AVIF, JPEG 2000 and RAW. The following JPEG 2000 file formats are supported: .jp2, .jpg2, .j2k, .jpf, .jpm, .j2c, .jpc, .jpx The following RAW file formats are supported: .arw, .srw, .nef, .cr2, .cr3, .crw, .rwl, .rw2, .raw, .raf, .pef, .orf, .mrw, .dng, .sr2, .srf, .kdc, .k25, .dcr, .x3f, .erf, .3fr Animated WEBP images are currently not supported and convert to static image. File size limits: Images: 50MB GIFs: 15MB Background images Supported files: JPG, PNG, GIF, JPEG, JPE, JFIF, BMP, HEIC, HEIF, TIFF, TIF, WEBP, and AVIF. File size: At least 3000 x 3000px Note: Images are automatically converted to AVIF format on your live site for better site performance. Learn more about optimizing site media . Videos Click a video type below to learn more about the supported files and size limits. Videos Supported files: AVI, MPEG, MPG, MPE, MP4, MKV, WebM, MOV, OGV, VOB, M4V, 3GP, DivX, XVID, MXF, WMV, M1V, FLV, M2TS File size limit: 4GB Recommended resolution 1920 x 1080px Background videos Supported files: AVI, MPEG, MPG, MPE, MP4, MKV, WebM, MOV, OGV, VOB, M4V, 3GP, DivX, XVID, MXF, WMV, M1V, FLV, M2TS File size limit: 4GB Recommended resolution 1920 x 1080px Note: We do our best to accommodate any aspect ratio that you upload. However, there is no guarantee that your video will look correct or play properly if you upload a particularly unusual aspect ratio, such as 19:321. Transparent videos Supported files: Apple Animation (MOV), Apple ProRes 4444 (MOV), PNG Sequence (MOV), GoPro Cineform (MOV), AVI uncompressed (AVI), vp6a Flash Video (FLV), vp8 & vp9 (+alpha) (WebM) File size limit: 4GB Wix Video Supported files: All popular video formats (Quicktime, AVI, MP4 etc.) File size limit: 15GB (per video) Learn more about supported files for Wix Video . Audio Click an audio type below to learn more about the supported files and size limits. Audio (Wix Audio Player) Supported files: MP3, WAV, FLAC, M4A, WMA, AAC, AIF and AIFF File size limit: 50MB. Number of channels: 1 (mono) or 2 (stereo) Wix Music Supported files: WAV, FLAC, M4A (Apple Lossless) & MP3. File size limit: 360MB Other Media Click a media type below to learn more about the supported files and size limits. Mobile-supported files Supported media files on mobile devices are images, videos, and documents. This applies for all Wix mobile apps (e.g. Wix app, Wix Studio app, and native mobile apps ). Supported MIME types for Android: Word documents (.doc, docx) PowerPoint presentations (.ppt, .pptx) Excel spreadsheets (.xls, .xlsx) Text files (all formats) PDFs Rich Text Format (RTF) files Image files (any format) Video files (any format) Audio files (MP3, WAV) Supported MIME types for iOS: Composite content Text files (including RTF) Image files Video files Audio files (MP3, WAV) Notes: Documents with the specified MIME types above are viewable after upload. Some formats, like EPUB, can be uploaded but are not viewable. The following formats are not available for selection or uploading: FB2, AZW3, MOBI. Vector art Supported files: SVG. Make sure the SVG files you upload don't contain embedded images (JPG, PNG, etc.). Check that the SVG files you upload contain visual content, otherwise, the upload will fail. File size limit: 250KB Icons Supported files: ICO File size limit: 25MB Archives Supported files: ZIP, RAR, TAR, TAR.GZ, GZ, GZIP, JAR, 7Z, FGZ and WEBARCHIVE File size limit: 4000MB Documents Supported files: MS Office: DOC, DOCX, DOCB, DOT, DOTX, XLS, XLSX, XLT, XLTX, PPT, PPTX, POT, POTX, PPS, PPSX Desktop Publishing: PDF, XPS, OXPS, PUB Data: CSV Text: TXT, RTF, JSON OpenOffice: ODT, OTT, ODS, OTS, ODP, OTP, ODG Apple iWork: PAGES, NUMBERS, KEY Contacts & Calendar: VCF, ICS, ICAL, ICALENDAR, IFB e-books: EPUB, MOBI Graphics: PSD, AI, INDD, FLA, EPS, XCF, CDR CAD: DWG GPS: GPX, KML, KMZ Code/Programming: IPYNB File size limit: 1000MB 3D Supported files: .gltf, .glb File size limit: 25MB FAQs Here are some common questions about supported media file types and sizes: I've uploaded a media file type that is supported but it's not working. Why? If you're having trouble uploading a supported media file, follow the troubleshooting steps in this article . Why can't I see my uploaded font in my editor after uploading it to my Media Manager? Fonts uploaded to the Media Manager are not accessible in your editor. If you want to use your own font, you must upload it to your editor directly and not the Media Manager. Why do the colors in my image look different after I upload it to the media manager? When images are uploaded to Wix, they are all transformed to sRGB color-space , so that they will look the same in all browsers. This conversion between color spaces can cause visual differences when the file is viewed from your device vs. when it's viewed on the live site. sRGB is used across the web, so this conversion is necessary for your images to display correctly across different displays and browsers. To avoid this issue, please make sure the color space for all images is sRGB. Is there a limit to the number of media files I can upload? Keep in mind when uploading media files that your site is subject to a storage limit . These limits can always be increased by upgrading your site . How do different image formats compare? When choosing an image format, it's important to consider the type of image you have and how you plan to use it. While there are many formats available, here are three commonly used ones: GIF is good for saving images with flat blocks of color such as logos or simple illustrations. JPEG is used to display photographs and other continuous-tone images, supporting CMYK, RGB and Grayscale color modes. PNG format supports RGB, Indexed Color, Grayscale, and Bitmap mode images, and preserves transparency. How can I create an image or logo with a transparent background? You can cut out the background of any image or logo using the Cut Out tool in the Photo Studio. Learn how to create a transparent background . Why am I unable to upload my SVG file? If you're unable to upload your SVG file, here are a few possible reasons: File size limits: We limit SVG file sizes to 250 KB to ensure optimal performance. If your SVG file exceeds this size, try simplifying the design or using an online SVG optimizer to reduce the file size without compromising quality. Embedded files: SVG files with embedded files, such as PNG or JPEG images, cannot be uploaded. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Need more help? Contacting Wix Customer Care Sharing Your Screen with Wix Customer Care Need extra help resolving an issue with Wix? The Google Chrome Remote Desktop tool lets a Wix Customer Care expert see your screen during a call or chat, making it easier to guide you step-by-step. It’s a secure, temporary way to tackle tricky problems, especially if instructions feel unclear or the issue is hard to explain. Here's how it works and how it keeps your privacy safe. Important: Sharing your screen with Wix Customer Care is not available in all locations. About the Google Chrome Remote Desktop extension The Google Chrome Remote Desktop extension is a tool Wix Customer Care experts use during chats or calls to help resolve your issue faster. Whether you're having trouble following instructions or describing unusual problems, screen sharing makes things clearer. This tool is just for viewing your screen—your expert will guide you to resolve the issue yourself, so you stay in control. Starting a screen-sharing session Follow these steps to set up screen sharing during your support call or chat. To start sharing your screen: Install the Google Chrome Remote Desktop extension: Go to Google Chrome Remote Desktop . Click Share my screen and download the extension to your browser: Mac: Follow the prompts to enable permissions and install the extension. Windows: Installation is automatic and doesn’t require extra steps. Share your access code with your Customer Care expert: Go to Google Chrome Remote Desktop . Click Share my screen . Click + Generate Code to create your unique access code. Share the access code with your expert. After your Customer Care expert enters the code on their end, click Share to give them access to your screen. Following the session process Once screen sharing starts, here’s what to expect: Guidance, not control: Your expert is there to guide you step by step. They won’t take control of your mouse or keyboard. Stay present: Stay at your computer for the entire session. If you need to step away, close the session to protect your privacy. No transactions or edits: For your security, experts won’t handle payments or make edits to your site while screen sharing. Ending the session and ensuring security When your session with Customer Care wraps up, your expert will explain the resolution and close the session. If needed, you can end the session yourself by clicking Stop Sharing . For added privacy, you can uninstall the Google Chrome Remote Desktop extension after the session. This ensures that the tool can’t be reused without your consent. Remember to share your screen only when necessary, close the session if you need to step away, and rest assured that your screen is only visible for the duration of the help session. Need help? Contact Wix Customer Care for expert assistance any time. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Billing & premium subscriptions Invoices for Wix services Updating Your Invoices for Wix Services You can update the invoice details for any of your Wix subscriptions in the Billing History section of your account. The changes you make apply to both current and future invoices for Wix services. Important: You can make changes to any of the fields (address, country, tax ID etc.) These changes will apply to all future invoices. However, for legal reasons and depending on local tax laws, some changes only apply to future invoices and will not appear on your current invoices: All countries: Country cannot be changed. European Union: VAT ID and Country cannot be changed. United States: Postal Code, State and Country cannot be changed. Singapore: GST and Country cannot be changed. Updating your invoice details Edit the invoice details for any of the premium subscriptions in your Wix account. Note: Updating your invoice details also updates the details of the payment method associated with your subscription. Your changes will apply to any other Wix subscriptions which use the same payment method. Learn more about managing your payment methods for Wix services . To update your invoice details: Go to Billing History in your Wix account. Click the More Actions icon next to the subscription you want to update the invoice for. Click Update invoice details . Enter your new details in the relevant fields and click Save . FAQs Click a question below to learn more about updating your invoices for Wix services. Can I update my details for past invoices? No, for legal reasons it is not possible to update invoice details for past invoices. However, you can update your information to ensure it is included in future invoices. Can I update my invoice details for multiple subscriptions at once? No, invoice details need to be updated individually for each subscription in the Billing History section of your Wix account. Can I add a custom field to my invoices? Currently, it is not possible to add custom fields to invoices. You can add additional information (like a company registration number) in the "Company Name" field instead, when updating your invoice details. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Using the Wix Harmony Editor Structuring your site Wix Harmony Editor: Customizing Your Site Footer Think of your footer as your site’s signature at the bottom of every page — it’s the perfect spot for contact details, copyright, a custom menu or social links. Add elements, resize to make more room and design the footer as needed. Customizing your site's footer Personalize your footer's background, borders, dividers, and animation until it reflects your brand. Use the resize handle to make the footer as roomy or minimal as you want. Need to share more info? Make your footer bigger. Prefer a clean, simple look? Keep it small. The choice is yours. To customize your site's footer: Go to your editor . Click the footer. Choose what you want to do next: Design the footer Choose what you want to customize from the action bar: Replace background : Click Replace Background to change your footer background by selecting a color, a gradient , an image, or a video. Colors: Click the Colors icon to change your footer's colors to one of your site's brand colors. Opacity: Click the Opacity icon to adjust the opacity of the section background, image and colors, depending on what your section contains. Borders: Click the Borders icon to add or adjust borders around your footer. Change the border’s color, width, and style. Section divider : Click the Section divider icon to add or edit a line to visually separate your footer from the rest of the page. Animations : Click the Animation icon to make your footer fade in or fade out when the page loads. Resize the footer Hold the stretch handle at the bottom of your footer and drag it to the size that works for you. Hide the footer Right-click the footer and select Hide footer to remove the footer from this specific page. Add elements to the footer Add any elements you wish to the footer. For example, the footer is a great place to share links to your socials or a custom menu to make navigation easier. Click + Add at the top left of the editor. Choose the element you want to add, such as Menu . Drag your chosen element into the footer area. Position and customize the elements as you like. FAQs Click a question below to learn more. Can I add a section below my footer or make a copy of it? You can’t add another section underneath your footer or duplicate it — your site has 1 single footer, keeping things simple and consistent. Can I create different types of footers on my site? No, every page shares the same footer style and content. That way, your visitors always know where to find your important info. Should I add a menu to my footer? While it's not mandatory, we recommend adding a custom menu to your footer as it can help visitors to quickly find important pages that you may prefer hiding from the site menu (e.g. your privacy policy, sitemap, etc.) It also helps search engines to better understand your site structure, which could improve your ranking in search results. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Connecting a domain Domains purchased elsewhere Connecting a Singaporean (.sg) Domain to Your Wix Site Once you upgrade your site with a plan , you can connect a .sg domain you already own to your Wix site. In most cases, we recommend connecting your domain to Wix via Nameservers. With this connection method, Wix hosts your DNS records, which means you can manage them in your Wix account. This way, if you ever need assistance managing your DNS records, Wix Customer Care can help you. Keep the following in mind when you’re preparing to connect your domain: You will need access to your current domain registrar. New DNS records may take up to 48hrs to fully propagate. Learn how to connect a domain to the Wix nameservers . Currently, it is not possible to purchase a .sg domain from Wix or transfer one to Wix. If this is a feature you would like to see in the future, please Vote for this feature and we'll make sure to keep you updated. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Restaurants: Creating and Managing your Restaurant Floor Plan Create a floor plan for your restaurant to make it easy to check your availability at a glance. You can select a date and time and see which tables are available. Customers' reservations will appear on your dashboard under Floor Plan and on the My Reservations page. Note: Currently, it's not possible to create and manage your restaurant's floor plan from the Wix app. Creating a restaurant floor plan Start by adding your first round or rectangular table and then customize it. Then duplicate it to add other similar tables or create other ones from scratch. Note: If you've already added your restaurant's tables , those tables appear in your floor plan as rectangular tables. To create your floor plan: Go to Table Reservations (New) in your site's dashboard. Click Floor Plan View . Click Edit layout . Choose what you want to do next: Add and customize tables Add a 4-sided table and change the shape to give it the right proportions. To add and customize a rectangular table: Click a Round or Rectangular table on the left. Tip: You can always change the shape of the table later by clicking the table selecting a shape in the right panel. Click the map to add the table. (Optional) Drag the resize handles to change the table size. Edit the Table Properties on the right: Table Name: Edit the default table label. Min & Max Seats : Specify the minimum and maximum number of people who can book this table. Enable or disable the Let guests reserve this table online toggle. Edit the table layout on the right: Width: Enter a value to resize the table width. Height: Enter a value to resize the table height. Rotate: Enter a value to rotate the table. Add and customize text Add text anywhere on your map to add helpful information. For example, you can mark where the kitchen, bar, or entrance is. Tip: To make your text stand out more, you can place it over a rectangle. To add text to the map: Click Text on the left. Click the map to place the text. Under Layout on the right, adjust the text settings: Text: Edit the text. Text size: Enter a value to customize the text size. Text color: Select a text color. Rotate: Enter a value to rotate the text. Add and customize rectangles or circles You can add a rectangular or circular shape to your map to represent parts of your restaurant, even if you don't seat customers there. For example, you can use a rectangular shape to represent a stage or bar and optionally label it. To add a shape to the map: Click Rectangle or Circle on the left. Click the map to place the shape and drag to it resize. Under Layout on the right, adjust the text settings: Width: Enter a value to resize the shape width. Height: Enter a value to resize the shape height. Border size: Enter a value in pixels. Rotate: Enter a value to rotate the shape. Shape color: Select a color and click the Checkmark icon . Border color: Select a color and click the Checkmark icon . Add and customize lines Add divider lines anywhere on your map to define separate areas. To add a line: Click Line on the left. Click the map and drag it to change the length of the line. Under Layout on the right, customize the line: Length: Enter a value to resize the line length. Width: Enter a value to resize the line width. Rotate: Enter a value to rotate the line. Color: Select a color and click the Checkmark icon . Add icons Add icons to represent different parts of your restaurant, such as exits and restrooms. Tip: Add an icon on top of a shape to make it stand out. To add an icon: Click Icons on the left. Click the map to add an icon. Note: The microphone icon is added by default. You can replace it with another icon type. Under Layout on the right, customize the icon: Size: Enter a value to resize the icon. Rotate: Enter a value to rotate the icon. Select icon: Select the icon you want to display. Color: Select a color and click the Checkmark icon . Add an image You can upload an image to your floor plan. This can be used, for example, to upload your company's logo. To add an image: Click Add Image on the left. Select an image and click Apply . Drag the image to position it. Under Layout on the right, adjust the settings: Width: Enter a value to resize the image width. Height: Enter a value to resize the image height. Rotate: Enter a value to rotate the image. Tips: To delete an element, click to select it and press Delete on your keyboard. To move the entire floor plan, click the Pan icon at the top, then click and drag the map. To move an element on the map, click to select it and then drag it. To move more than one element at a time, select and drag them. Using floor plan to combine tables The Wix Table Reservations app allows you to combine multiple tables together, making it easier to accommodate larger parties and maximize your restaurant’s seating capacity. You can also select whether or not each table combination is available for guests to book online. To combine tables: Go to Table Reservations in your site's dashboard. Click Floor Plan View . Click Edit Layout . Click Table Combinations on top. Select two tables while holding the shift key. Click + Add Table Combination on the left. (Optional) Select Make available online . Click Save . FAQs Click below for answers to the most common questions about creating a floor plan. Can I use my floor plan to add a reservation? Yes. You can add table reservations or walk-ins from your site's dashboard: Go to Table Reservations (New) in your site's dashboard. Click Floor Plan View . Click on the relevant table and select + Reservation / + Walk-in . Enter the reservation details. Click Create Reservation / Seat Walk-in . ...Or from the Wix app on your phone: Go to your site in the Wix app. Tap Manage at the bottom. Tap Table Reservations then tap Floor Plan . Tap on the relevant table and select Add Reservation / Add Walk-in . Enter the reservation details then tap Save . I added tables in the reservation list view. How do I make changes to them? Any tables you add in the Table Management page are automatically added to your floor plan as rectangular tables. You can move and resize them as needed. You can also delete the table and replace it with a round table using the instructions below. Important: If this table already has reservations, they won't be lost, but may no longer be connected to the same table. To change a rectangular table to a round table: Delete the rectangular table that was automatically added. Tip: Don't click Save after deleting. Create a new round table. Give the table the same name as it has in the Table Management page. Note: For these tables to sync, they must have the exact same name. Edit the table properties, including the minimum and maximum number of seats. Click Save . How can I change the floor plan's background color? Click Background on the left. Click Change Color on the right. Select a color and click the Checkmark icon . (Optional) Drag the slider to change the opacity. How do I set some tables so that they can't be booked online? Go to Table Reservations in your site's dashboard. Click the More Actions icon at the top right. Select Settings . Click Table management . Click the Available online checkbox next to the relevant table to deselect it. How can I view reservations using the floor plan? Go to Table Reservations in your site's dashboard. Click Floor Plan View . Select the restaurant location at the top (if there's more than one) and the date and time you want to view. Click a table to view upcoming reservations or to add a new reservation or walk-in. Tip: Click the Arrow icon to view more details or make changes to an existing reservation. Click a reservation on the left to view more details or make changes. Click Filter to view only a specific status (e.g. to view only seated guests). How can I keep track of how long guests have been seated? In your reservation settings, you decide how long guests can stay, for example an hour and a half. To manage turnover time effectively, you can set rules for the duration of table reservations. When guests get close to the end of their allotted stay, their table turns orange. Once they are overtime, the table turns red. Learn more about seating availability . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Promoting your site SEO (get found on Google) Adding Link Rel Attributes Important: Using link rel attributes is an advanced topic. Using them incorrectly can cause issues with your site appearing in search results. Wix Customer Care cannot help you with adding or updating the link rel attributes on your site. We recommend reading Google's guidelines on link rel attributes before you make changes to your site. You can add link rel attributes to URLs in your site's content to define the relationship between your site's pages and external pages that you link to. For example, if you have a blog post on your site has a link to the website of one of your sponsors, you can add the "sponsored" link rel attribute to the link to define the paid relationship between your page and the external page. How link rel attributes work When you add a link to a page on your site, HTML code describing the link is added to the code of the page. For example, imagine you add a link on one of your pages to the website of one of your sponsors. Let's say the link's URL is "https://mystunningwebsite.com" and you add it to this text on your page: "Check out our sponsor's website for more exciting deals". In the code of your page, the following code gets added for the new link: Check out our sponsor's website for more exciting deals Link rel attributes are additional pieces of code that you can add to links to give search engines and browsers more information. You can use them to define the relationship between the referring page and the external page. For example, if you add the "sponsored" attribute to your link, it looks like this in your page's code: < a href="https://mystunningwebsite.com" rel="sponsored" >Check out our sponsor's website for more exciting deals Link rel attributes can be important for your site's SEO. Search engines and browsers also use link rel attributes to help decide how to display a page. For example, Google may mistake sponsored links on your site as bought links to try to manipulate your search ranking . Adding the "sponsored" link rel attribute defines the relationship and reduces the chance of your ranking being penalized. Types of link rel attribute The table below explains the link rel attributes that you can use on your site's content. Type Explanation nofollow Used to tell search engines not to crawl the linked URL for associate it with your site. This tells search engines that you are not responsible for the linked content and that the external page is not related to your site. sponsored Used to mark paid links such as advertisements or paid placements. This lets search engines know that you've been paid to add this link to your page and reduces the chance that you'll be penalized for trying to manipulate search engine rankings. ugc Identifies user-generated content (ugc) on your site. For example, you can use this to identify links to blog comments. This is important if you want to identify user-generated content on your site as potentially lower quality or less credible compared to content that you created yourself. noreferrer Prevents any referral information from your site being passed on to website you're linking to. It also hides referral information from web traffic analysis tools such as Google Analytics. noopener Prevents a potential security vulnerability where a malicious website could gain access to your website when an external link opens in a new tab. Noopener stops this from happening by blocking window.opener javascript functions. Adding link rel attributes to your links You can add link rel attributes to your links in Wix Blog posts, Wix Groups info, Online Program steps, Wix FAQ app answers, and CMS rich content fields. Note: The link rel attributes that you can use depend on the product. For example, links in Wix Blog posts can only use the "nofollow" and "sponsored" attributes. Learn how to add link rel attributes to: Wix Editor page elements Click the element that you want to add a link to. Click the Link icon . Add a Page link or a Web address link. Learn more about types of links Click Advanced SEO Settings . Select the link rel attributes you want from the What rel values should it have? drop-down. Click Done . Publish your site. Studio Editor page elements Click the element that you want to add a link to. Click the Link icon . Add a Page link or a Web address link. Learn more about types of links Click Advanced SEO Settings . Select the link rel attributes you want from the What rel values should it have? drop-down. Click Done . Publish your site. Wix Blog post links Go to Blog in your site's dashboard. Select the post that you want to edit. Select the text that you want to add a link to. Click the Link icon in the top bar. Enter the URL you want to link to in the field. Select whether or not you want the link to open in a new tab. Select the checkboxes beside the link rel attributes that you want to add to the link: Tell Google to ignore this link: Adds a "nofollow" attribute to your link. Mark as a sponsored link: Adds a "sponsored" attribute to your link. Click Save . Click Publish . Wix Groups info links Go to Groups in your site's dashboard. Select the group that you want to edit. Scroll down to About Group (Optional) . Select the text that you want to add a link to. Click the Link icon . Select whether or not you want the link to open in a new tab. Select the checkbox beside Tell Google to ignore this link to add a "nofollow" attribute to your link. Click Save . Online Programs step links Go to Online Programs in your site's dashboard. Select the program that you want to edit. Click Edit next to the step that you want to edit under Content . Select the text that you want to add a link to. Click the Link icon . Enter the URL you want to link to in the field. Select whether or not you want the link to open in a new tab. Select the Tell Google to ignore this link checkbox to add a "nofollow" attribute to your link. Click Save . Click Save . Wix FAQ App answer links Go to FAQs in your site's dashboard. Note: You can also edit your FAQ answers in your site's editor . Click the Edit icon next to the answer that you want to edit. Select the text that you want to add a link to. Click the Link icon . Enter the URL you want to link to in the field. Select whether or not you want the link to open in a new tab. Select the Tell Google to ignore this link checkbox to add a "nofollow" attribute to your link. Click Save . Click Save . CMS rich content field links Go to CMS in your site's dashboard. Alternatively, you can click CMS in your editor , then click Your Collections . Click the relevant collection. Click the rich content field that you want to add the link to. Click the Link icon . Enter the URL you want to link to in the field. Select whether or not you want the link to open in a new tab. Select the checkbox next to each linking option you want to apply to the link: Link opens in a new tab: The link opens in a new tab in your browser. noreferrer (recommended): The linked website will not receive info on the referring site (your site). nofollow: Let search engines know that you don't recommend giving credit to the linked page for SEO purposes. sponsored: Used to mark paid links (ads or placements) to inform search engines of compensation and reduce penalty risks for ranking manipulation. Click Save . Click the Exit Full Screen icon . Buttons and images linked to URL fields and dynamic pages in CMS datasets With the CMS (Content Management System), you can connect buttons and images to dynamic URL collection fields and dynamic pages through a dataset that connects to your collection. After linking a button or image to the relevant URL field or dynamic page in the dataset, you can set rel attributes for the links. To add link rel attributes for links to dynamic page URLs or URL fields: Click the button or image that you want to connect to a CMS URL field or dynamic page. Click the Connect to CMS icon on the element. Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, select Add a Dataset , then choose the collection you want to connect, give the dataset a name and click Create . Click the relevant drop-down(s) in the panel on the right to connect the element to a URL field or dynamic page URL. The options vary depending on the type of element: Button: Click the Click action connects to drop-down and select the URL field or dynamic page you want to link the button to. Connect the Label connects to drop-down to a field if you want to display the field contents in the button. Image: Click the Link connects to drop-down and select the URL field or dynamic page you want to link the image to. Click the additional drop-downs under Connections to connect the image source, alt text and tooltip. Under Link options , select the relevant options: How does it open?: Choose how you want the link to open: In the current window or As a new window Rel values (SEO): Select the type of link rel attribute you want to use: noopener (recommended): Block access to the source page. noreferrer (recommended): Hide info about link source. nofollow: Tell search engines to ignore. sponsored: Mark the link as sponsored. Publish your site when you're ready for the changes to go live. Note: You can also connect text elements to a URL field in the dataset and set rel link attributes. This displays the actual URL as clickable text. It is not possible to hyperlink different text (e.g. "Learn more") to the URL field. You can vote for this feature here . Learn how to hyperlink text to dynamic pages . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Managing your customers Wix Contacts: Creating a Test Contact Creating a test contact in Wix allows you to simulate interactions on your site without affecting real users. This helps you ensure that your site flows, such as sending invoices or email marketing campaigns, work smoothly. For instance, you might want to see how an invoice appears in an inbox before sending it to someone in your contact list. Creating a test contact Create a new test contact from your Contacts dashboard. To create a test contact: Go to Contacts in your site's dashboard. Click the More actions icon at the top of the page and select Test site flows . Click Generate Test Contact . (Optional) Click to choose what you want to do: Copy Email: Copy the test email address so you can paste it wherever you need. Generate Test Contact: Create another test contact. Click Close . Tip: You can edit your test contact's details at any time in your contacts list. FAQs Click a question below to learn more about test contacts. What site flows can I test with a test contact? You can use your test contact to test various site flows. Here are some examples: Sending an invoice . Sending an email marketing campaign to a contact segment . Sending a chat message during offline hours . Who receives the emails that are triggered during a test? The person who created the test contact will receive emails that are generated during tests. How many test contacts can I generate? 5 test contacts can be generated per site, not per user/collaborator on the site. What happens if I delete or lose access to the email address linked with the test contact? If you delete or lose access to the email address linked with the test contact, it automatically gets removed from your contacts list. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Accepting payments on your site Wix POS Register: Using the Stripe Reader M2 Card Reader Important: The Stripe Reader M2 is currently available for purchase only for merchants based in the US. Your card reader allows you to accept payment from customers by credit card, debit card, and phone app. This reader supports all magstripe and EMV payment functions and you can use it to accept new forms of payment, such as Apple Pay, Android Pay, Samsung Pay, VISA Paywave, MasterCard PayPass, AMEX ExpressPay and Discover D-PAS. Charging the reader Make sure the device is fully charged before you use it. Note: When charging, always plug the reader into a wall outlet, not directly into the tablet. Connecting the reader to the tablet To set up the card reader, you need to connect it to your tablet. If you ever replace your reader, you can use the instructions below to disconnect the old one and connect a new one. To connect or disconnect the reader: Tap and release the power button on the card reader to turn it on. Tip: The Bluetooth turns on automatically. How do I know if I'm using the New Wix POS or Wix POS Register? This article will help you understand the differences between the New Wix POS and Wix POS Register. New Wix POS Open the POS tablet. Tap the Connect icon . Select what you want to do: Connect your card reader: Tap Connect next to Card reader . Tap Connect New . Tap the relevant reader. Tap It's Powered On . Tap It's Connected . (Optional) Enter a name for the card reader and tap Continue . Enter the code shown on your card reader and tap Pair Reader . Tap Done . Disconnect your card reader: Tap Unpair at the top right. Tap Unpair to confirm. POS Register Open the POS tablet. Tap the Connect Reader icon at the bottom right of the tablet. Select what you want to do: Connect your card reader: Tap Set up Card Reader . Tap Connect next to the relevant reader. Tap Done . Disconnect your card reader: Tap Unpair at the top right. Tap Unpair to confirm. Using the card reader Keep your card reader charged, so it's ready for use whenever you want to process a sale. The reader automatically disconnects if the battery dips below a 25% charge. To ensure smooth functioning, make sure the card reader is no more than 49 feet (15 meters) away from the tablet. Tip: When the reader isn't in use, it turns off automatically after 10 hours. Understanding the card reader lights The Stripe Reader has 4 LED lights. When charging the card reader, the lights indicate the charging status. 4 lights indicates that the reader is fully charged. When not charging, the left-most light is on to indicate that the card reader is ready to accept payment. Updating the card reader software Check for updates to the card reader software from time to time and update the software when available. To update the card reader software: New Wix POS Open the POS tablet. Tap the Connect icon . Tap Card reader . Tap Check for Updates . If an update is available, tap Update Now and follow the instructions. Note: After the update has been completed, it will flash blue and orange. If the reader is unresponsive, restart it. POS Register Open the POS tablet. Tap the Connect Reader icon at the bottom right. Tap Check for Update . If an update is available, tap Update Now and follow the instructions. Note: After the update has been completed, it will flash blue and orange. If the reader is unresponsive, restart it. Troubleshooting your card reader If you have any problems operating the card reader, check out these troubleshooting steps . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Pricing Plans: Automatically Creating Invoices for Purchased Plans Important: The article below discusses the Wix subscriptions app Pricing Plans. If you're looking for information about upgrading your site with Wix Premium plans, please check this article . Send personalized invoices to your clients automatically, every time they purchase a Pricing Plan. This can service your clients as it helps them track their payments for your plans. For recurring orders, Wix Pricing Plans sends an invoice each payment cycle. Enabling automatic invoices for your Pricing Plans Enable the "Send invoices" toggle to automatically send invoices to your customers when they make a purchase. Wix offers a default invoice design that you can personalize to your liking (see section below). Important: Invoices do not send when you manually add a client to a plan . To enable automatic invoices: Go to Pricing Plans Settings in your site's dashboard. Scroll down to the Send Invoices section in the Billing tab. Enable the toggle to automatically send payment confirmation once you've been paid online. Click Save . Customizing your automatic invoices You can customize your invoices by adding your company details and branding. You can edit the header, business info, and default notes you display at the bottom of your invoice. You can also preview the changes you make on the right side of the screen. To customize your automatic invoice: Click Customize Invoice . Click to expand Header details in the Invoices tab. Select an invoice name or click Add Custom Name to create your own. Tip: The name appears before the invoice number. (Optional) Click Edit invoice numbering to choose which invoice number to start numbering at: Enter the number invoice numbering should start at. Click Done . Note: Once the starting number is set, it can't be changed to a lower number. Add or edit the business logo: Click Edit Logo . Click Add Logo / Update Logo . Select or upload a logo and click Choose File . Click Save . Click Back on the banner at the top of the page. Click the drop-down under Header fields to add one or more preset document details (e.g. Tracking number) or click Create New Field to create your own. (Optional) Click the second drop-down and choose another header field to add. Tip: Added details appear under the Issue Date. Add or edit your business details: Click to expand Business info . Click Edit Business Info to add or update your name, address, and email. Make the necessary changes and click Back at the top of the page. (Optional) Add more business details: Click +Add Custom Fields . Select a field from the Field Name drop-down or click Create New Field to create your own. Enter a value. Click +Add Another Field to add additional business info. Click Add . Click to expand Tax . Then click to select the relevant checkboxes: Show tax per line item and Show tax breakdown . Click to expand Footer notes : Click Edit next to Notes . Edit the note title. Enter the note text. Click Save . Add legal terms that appear on all invoices: Click Edit next to Terms . Edit the title. Enter the legal term text. Click Save . Customize the invoice email: Scroll down to the bottom of the page. Edit the subject line. Edit the default email text. What's next? To view your invoices, go to the Subscriptions tab in your site's dashboard and then select the relevant invoice. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit