Wix velo examples. This website was designed with Velo by Wix.

Wix velo examples The courses are displayed in a paginated repeater, which can be filtered by department name. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to In this example, we demonstrate how to manage data stored in the browser using the three storage types. In this example, we created a custom Shop page for our store. This animation is triggered once the hourglass is flipped. Did this help? In this example, site visitors can create a zoom in effect by hovering over images in a repeater. You can open an example as a template to see how page elements, code, and data work together, and use the template as the foundation for your next site. In this example, we added a context menu to each item in a repeater. This reference is your comprehensive guide to using Velo, Wix's powerful JavaScript-based development platform, to create dynamic and interactive web experiences. 1 strip with 2 columns. When a site visitor submits a Wix Form, the onWixFormSubmit() event handler runs for the WixForms In this example, we demonstrate how to write backend code that is easily callable from the frontend. Web modules are backend modules containing functions that you want to be able to call from the frontend. On the ‘filter with dataset plus code’ page, we use a dataset to connect the data in the Stores/Products collection with the image, name, price, and SKU of the displayed products. In this example, we demonstrate how to send messages over a single channel, over multiple channels and resources, and with permissions checks. Publish the site. With this app you can: Create your own customized form from scratch. Checkbox Dropdown: In this example, we simulated a multi-select dropdown menu with checkboxes that lets visitors search site content using more than one filter option at a time. In Velo applications, design is done with the Wix Editor. Format the text using the html property. Once the site visitor answers all the quiz questions and submits them, we validate their answers, show the correct answer for each question, and display the final score. Let an experienced Velo development shop build it for you, so you can keep working on your site or business. Velo Example: Coding a Basic Custom Element with Images. Tab 2. In this eCommerce example, SEO expert Colt Sliva shows how Python and Velo by Wix can be used to automatically generate content, allowing you to collect data from which to iterate and optimize your site. Hire a Developer. filter() function (line 5 above). When a customer navigates to the cart page, they can select a delivery date and a predefined delivery time slot. Check this out here and see the working functionality + code used. getMember() members. The following outlines the typical process of creating and playing an animation timeline: Create a new timeline using the timeline() function. Let an experienced Velo development shop build it for you, so you can keep working on your site or The $w namespace contains all of the UI elements, nodes, and events that make up your site. This allows the ability to recreate multiple navigation menu bars by skipping the default Wix menu widget. This reference provides only basic instructions for Learn how to work with examples in Velo. Query params are optional key-value pairs added to a URL following a question mark that allow websites to store data about a particular page. Note: In order to use this example in your account you first need to create your own triggered email by following these steps: Open the Business Manager and go to Developer Tools-> Triggered Emails. The APIs in $w Typical Animation Process. You don’t want to invest in content that won’t convert, but you don’t know if traffic will really convert until you’ve created the Velo is a full-stack development platform that empowers you to rapidly build, manage and deploy professional web apps. UPDATE: Due to the release of our redesigned Example page, we’re deprecating this article. Check availability using the Wix Bookings V2 Velo API. Styling Elements with CSS. When you host your custom elements with Velo, The tag name in this example is wix-default-custom-element. The text color value is a string representing an rgb color in one Give & Get Example - Backend Web Modules. The "Get Started with Code" page demonstrates basic Wix Velo functionality. Enter this tag name in Settings when adding the custom element to the page in the editor. You can open an example as a Welcome to Wix's Velo API Reference. This Explore some examples to get ideas of what you can do with Velo. In this example, we created a fully automated process to allow site visitors to register and receive a notification when a product is back in stock. ; Add animation attributes and sequence them within the timeline using the add() function. You can use the default image or upload your own, and test how images appear in different orientations: portrait, landscape, and square. Whether you want to add custom animations, interactive features, or even personalized greetings for logged-in users, a little bit of code can go a long way. For example, you might need to add a Wix Store or a Member's Area to your site. Store products are displayed in a repeater, and clicking a specific product leads to the standard stores product page. Spin Page. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and Hi everyone, We at @Certified_Code created a Velo example - collect $ with metamask - that is what the example does (not NFT, but can be modify based on this simple example). Visitors can click the repeater item for the current day in the calendar, and the gift for that day is displayed with an animation. Repeaters for showing add-ons data. This website was designed with Velo by Wix This example uses the Stores/Products collection that is automatically added to any site with a Wix Store. For this example we used the database collections automatically added to your site if you have a blog and an additional one of our own: Blog/Posts collection: Contains information about your individual blog posts. You can use an If statement after an event happens. Hire a Adds an or condition to the query or filter. In this example, you will create an efficient resource assignment for booking an appointment using a round-robin algorithm. Custom Book flow on Booking V2: In this example, you will learn how to create a book using the Wix Bookings ECOM flow. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. Let an experienced Velo development shop build it for you, so you can keep working on your site or In this example, we used the Salesforce Integration Velo package to manage account data records in Salesforce. - dcartwright07/wix-velo-examples Retrieving the JSON object is performed using the GET method, regardless of what is specified in the options parameter. You can use this property to manipulate the custom CSS classes of an element. wix-pricing-plans. This website was designed with This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. $w() at() In this example we select a product we would like to promote (upsell) and display it on the cart page. StoryParts: A media gallery field with the story’s content. In this example, we demonstrate how to add, update, remove, and get URL query parameters. customFields. You must store the API key and the sender email address that you associated with the SendGrid account in the Secrets Manager (see Creating a Web Module. Additional countries are added to the repeater when the visitor scrolls down the page. In this example, we create a quiz that randomly chooses 5 questions from a collection. This example is a great starting point for working with the Animations API. Additional functionality is available in A custom element is a reusable web component element that you define in a JavaScript file that is either hosted by Wix or hosted on a server that is external to Wix. Using input elements on the site, you can add an account name and phone number to a spreadsheet or get and display the phone number associated with an account name record in Salesforce. Each faculty has multiple classes associated with it, and each class has multiple lessons associated In this example, site visitors can switch between a default color scheme and “dark mode,” known for improving readability and reducing eye fatigue. In addition to an email and password, site members must enter a code sent to their phone when logging in. In this example, we demonstrate how to open and close a lightbox using code, as well as how to send information from the page to the lightbox and from the lightbox to the page. Asynchronous code is code that doesn't necessarily run line-by-line in the order you've written it. Query params are used for filtering and sorting page content, validating user tokens This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. Each imageItem in the field represents 1 part of the story, and includes an image, title, and description. Initiate and manage the checkout and order processes via the Wix ECOM Velo API. Interactive spin: Includes an onMouseIn event handler on the roulette element to play the animation when the site visitor hovers over the roulette, and an onMouseOut event handler to pause the animation Bulk Add to Cart: In this example, a site visitor can design a charm bracelet with up to five charms. Velo solutions are powerful tools, but building them on your own can be Non-code example. This reference is your comprehensive guide to using Velo, Wix's powerful JavaScript-based development platform, to create dynamic and interactive web For your convenience, we’ve created an index of our top Velo examples. Let an experienced Velo development shop build it for you, so you can keep working on Create a new channel of revenue as a Wix Partner. Use any of the WixDataFilter filtering functions to build your WixDataFilter object. In this example, the only countries with state or province information are the United States and Canada. The visitor enters payment information and completes the transaction. In Velo, you will often encounter asynchronous code when you call a function that cannot finish executing immediately and therefore returns a Promise. Depending on the URL used to reach the router, it then passes that data to an index page to display all the items in the collection, or to an individual item page to display detailed information about a specific item. The Wix Forms app lets site visitors enter values for fields in a Wix Form and then submit it. Page Code. Notes: To use this example, you must first create a SendGrid account and get an API key. In this example we used a repeater to display some recipes, and added selection tags to filter the repeater content based on multiple options selected by site visitors. The price calculation of the bookings is based bookings-custom-pricing extension. Related Articles. For example, visitors can choose to view only recipes In this example, we only used “Admin”. The code in this example exposes sensitive business and client information. A property that represents an element's custom CSS classes. Site visitors can add tasks to the list, mark tasks as complete, and remove completed tasks. The bookings are filtered according to date and status. The optional WixFetchRequest object contains information about an HTTPS request. In this example we demonstrate how to get the context of a user interaction with a specific item in a repeater and how to use that context to perform additional actions on the item. In our case, we have two views, one showing the front and the other showing the back of a mobile phone. In this example, we display a low-in-stock message on the Stores Product page when the number of product items in stock falls below a specified number. Let an experienced Velo development Non-code example. ; Test the behavior: Preview to see how each example works. Each type of storage keeps the stored data for a different amount of time as described in the API Reference. The order of the imageItems in the Media Manager defines the order of the story parts. The Wix website This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling By using Velo Code, our Wix developers can create a more enriching and immersive user experience by creating forms that flow seamlessly and allow for proactive communication by sending an email using dynamically filled values. Anchor 2. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow Non-code example. On the backend, code in In this example we built a table with sortable header. In this example, we demonstrate how to use the Fetch API to work with 3rd party APIs. Example Code. Check out our new Examples page and see what you can do with Velo! This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. This website was designed with Velo by In this example we demonstrate how to connect multiple collections (Faculties, Classes & Lessons) using multi-reference fields. Velo solutions are powerful tools, but building them on your own can be challenging Product Reviews: In this example, a site member can rate, review, and recommend products in a Wix Store. We use the function to create an animation that moves and scales two elements on the page. The Accept header is assumed to be application/json by default, but you can override it by explicitly setting a different value for Accept. First using static data, then using data from a database collection, and finally using data Print on Demand: In this example, a site visitor can customize the background and text of a product in the store. This website was designed with Velo by Wix. using the wix-location API. wix-pricing-plans-frontend. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling On the HOME page, we added code to import the `timeline()` function from the wix-animations API. Find out how to use Velo by Wix to create interactive and customized sites with examples of different Velo features. Filter by category, difficulty level, and Velo package credit to find the Use the example page. If you have any questions, please let us know . Features. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and In this example we demonstrate how to search a list of real-estate properties according to multiple types of components. Site visitors can then click a menu choice to perform an action, such as editing the item’s text or deleting the Note: To simplify this example we set the collection permissions for adding and removing items to “anyone”, but best practice is to restrict permissions on the collection and use backend code with suppressAuth to read and write data to your collection. Below you will This example demonstrates how to use an API key stored in the Secrets Manager. So let's start by adding a text element to a page. Let an experienced Velo development shop build it This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. About Depending on your specific use, you may need to add code to the Site Code Tab instead of the Page Code Tab at the bottom of your editor. Visitors can add tasks to the list, mark tasks as complete, and remove completed tasks. Security Note. Here's how to get the most out of it: Review the examples: The page features several interactive demonstrations. They navigate the class schedule by choosing a day and are then presented with all the available classes on that day. We used zero-based numbering for the element IDs since we’ll be assigning data using an array, which is zero-based. Each topic we examine here contains an explanation and an example that deals with the main uses of the API or feature being discussed This example demonstrates how to layer elements on top of each other to create an illusion of a custom button with animation. We use backend web modules to: Create a (fictitious) delivery by calling an external delivery API (deliveries. 1 multi state box. For example, Adds an event handler that runs when a site visitor starts to submit a Wix Form yet before the form is actually submitted and sent to the server. Let an experienced Velo development shop build it for you, so you can keep working on your site or business In this example we add a repeater to our blog post page to display posts that share the same hashtag. Plus, you can continuously make updates to Velo Packages as needed. Let an experienced Velo For example, on line 9 of the aggregation above, the filter is used to filter out items where the year is not 2010. Velo solutions are powerful tools, but building them on your own can be challenging. To see each type in action, you can play around with visiting the site from multiple tabs, refreshing the site, closing the site, and This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. On each day of December until Christmas, we display a new gift site visitors will receive. The form submission process is handled with code, and not by connecting to a database collection via a dataset. Check if the Size of the Custom Element Has Changed. In this example, we stacked 3 column strips in a row and implemented a smooth scrolling action between the strips. In this example we created a new signup form using a lightbox. bottom of page. Wix Data API. Each state of the multi-state box contains the content for a single tab. Open this example in the Editor to work with the template. Tab 3. In this example, we integrate the Twilio 3rd-party service with our site, allowing site agents to make phone calls and send SMS messages directly from the browser. In this example, we present an index page of university courses. Velo empowers you to take full control of your site, from frontend design to backend functionality. To create a web module, just create a new backend file with the . Also, when you call a backend function that you've written from your page code, you must call it asynchronously. Intermediate. First, create and code the element and its behavior in a JavaScript file. Page Elements: We added the following elements to our site: Wix Events element: Displays the event list. External Packages. In this example we display an Advent calendar in a repeater. Weekends, specified dates such as holidays, and time slots that reach a maximum number of deliveries are blocked as delivery dates. In this example we allow site visitors to enter a custom price for a product. Code Queen has created Velo examples with instructions on how to implement them on your Wix site. Schedule a booking with the Wix Bookings V2 Velo API. Learn how to trigger navigation Use the example page. The API reference provides detailed documentation and code examples for all This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools This example is built from several parts: Secrets Manager. Before using the example, you need to create an account with Twilio and locate the account's SID and auth token, which you will use when calling the API. This example is useful for processing donations. Welcome to Wix's Velo API Reference. We'll do that by creating a traditional Hello World app - Velo style. ; Study the code: Examine the snippets associated with each example. . In this example, we demonstrate how to create a router that reads data from a collection. When site visitors click a button in an item, a container box with menu choices appears under the clicked button, simulating the appearance of a dropdown menu. Let's take a look at some examples of using a backend web module from our Give & Get site . If so, you may want to check out our pre-built examples (by Wix & the community)! Velo examples demonstrate how functionality works in a site and provide step-by-step instructions for building it. Let's take a quick look at how to get started writing your first Velo code. In this example we used the Speechly Integration Velo package to allow your site visitors to filter store products using speech recognition. After 5 years of offering private tutoring we have noticed some popular trends for Velo examples. Note: it's easiest to test this example in a published version of your site. We’ll be updating the index regularly, so check back here often. The second event handler runs when a message is received from the Custom Element. Code For your convenience, we’ve created an index of our top Velo examples. We also added a repeater to display Popular posts. jsw extension. Non-code example. Tip: Get Velo-certified in order to be considered for web dev tasks. We also demonstrate how you can add permissions to backend functions so they are only called by certain types of site visitors. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online. Wix Realtime Backend API. Hire a trusted Velo developer. For this example, we created a database collection called “images” that stores image URLs. When a site visitor holds down the push-to-talk button and says a term that matches a filter in the UI, the product page displays the filtered products set by the site visitor’s speech input. In this example you can test out the different Fit Mode API options available for images: fit, fill, and fixed width. In this example, we allow site visitors to keep track of their tasks by using a to-do list. For this example, we created following collections: mainMenu - Contains the names that show on each main menu button label. In this example we display a list of existing bookings in a repeater. Site visitors can search store products by name, and filter the products by a maximum price. Note: To use this example, you must first create an account on Twilio as described here. bottom of The use cases for Velo packages are specific to Wix websites. We demonstrate this in 3 different ways on 3 different pages. Install pre-written code packages created to work seamlessly with Wix sites, such as Twitter integration, SalesForce integration and more. In this example, we use the “Events/Categories” and “Events/Events” database collections. Next Steps. When installing Wix Events & Tickets on your site, this collection is automatically added. We installed the Velo package on our site. Tap into a global network of Wix users who are waiting for your professional services. Directly schedule a booking through the Wix Bookings V2 Velo API, ensuring time slot accuracy. If you test using preview, you will see a lot of extra query parameters from the Editor URL. In this example we use two buttons in order to show and hide an image. This function checks if the element is getting smaller or bigger, and fires a sizeChange event for Velo to handle. In this example, we generate a QR code from input text using a npm package and display the QR code in a vector image element. UPDATE: Due to the release of our redesigned Example page, we’re This example demonstrates how to use the HTML component to embed a chart on a page. In this example, we used the Google Sheets integration Velo package to interact with a Google spreadsheet. All Features; Wishlist; In this example, we demonstrate sending information from the page to the HTML Component and from the HTML Component to the page. Demystify coding: By following beginner-friendly examples, you The state information is imported from the states. In this example, we used the 2-Factor Authentication Twilio Integration Velo package to add an extra layer of security during the sign-in process, allowing you to verify the identity of a site member logging in to your site. The custom element is defined using the standard ECMAScript 2015 class syntax. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and Velo Example: Coding a Basic Custom Element with Images. On this page we show 2 kinds of spin animations: Simple spin: Selects all vector images on the page and spins them. All information about the weekend/weekday and add-ons should be filled in additional fields in the booking object. The results are displayed using a repeater. This code solution can be complicated. Page Elements. Data Connections: This website was designed with Velo by Wix. APIs We Used. Article Link. In this example, we demonstrate how to add, remove, and get query parameters from the page URL displayed in a browser. We use code to manually perform input validations, submit the form data into a database collection, display a success message, and Member profiles can contain custom data, located in the member object at contactDetails. The collections used by both the initial query and In this example, we let store customers select a preferred delivery time slot. In this example we use a multi-state box element to display multiple views. ; Modify and experiment: In this example, we demonstrate how to populate repeaters using code. Control the playing of the timeline using the play(), reverse(), pause(), and replay() functions. Add the functionality you want and cut down on development time. top of page. With Wix custom elements, you can add elements that do not come "out of the box" with Wix. Page Elements Service Page: In this example, a site visitor can book a class from a custom service page, as well as purchase store products related to the class. This example uses Twilio's Messaging API. Wix Storage API. When installing Wix Events & Tickets on your site, these collections are automatically added. This reference focuses on how you can use Velo to interact with custom elements. Wix Location API. In this example, we use the “Events/Categories” database collection. Twilio Integration . Velo packages work seamlessly with Wix elements and apps. There are risk in In this example we created a custom health declaration form that includes a signature input element. Text type elements contain text which can be formatted using a subset of standard HTML tags and CSS styles, as detailed below. Backend Code. Don’t worry—Wix Velo makes it easy for beginners to start enhancing their sites with a few simple JavaScript snippets. To send custom SMSs from our Wix site, we integrated with the Twilio service. To improve performance and UX, we use a debounce timer on the input components. v2. In our example, as we scroll up or down, our logo changes size. Then we create 2 event handlers to play the animation forwards and in reverse in response to the site visitor’s mouse movements. API Link. In this example, we integrate the SendGrid 3rd-party service with our site, allowing you to send emails using a form directly from the browser. In order to complete the registration, site users need to verify their email address. Copy Code. The event is triggered when the size of the custom element gets bigger or smaller. Then add Add to Cart Gallery: In this example, we built a custom product gallery that lets a site visitor rotate a product’s image, select a product’s color, and add the selection to their cart. The date of the next available time slot for each class is displayed. Learn how to use Wix Pay API, create a donation form with custom amounts, create timed and scheduled or rotating content. Repeater Context Change a specific item in a repeater when a site visitor This website was designed with Velo by Wix bottom of page The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling In this example, we use the SQL Velo package to keep track of tasks using a to-do list. Tab 1. The or() function adds an inclusive or condition to a WixDataQuery or WixDataFilter. Then we create the product and add the product to the cart. The Product page for each item displays the average rating and the recommendation percentage, as well as the details of each review. Let an experienced Velo development shop build it for you, so you can keep working on your site or business Service List: In this example, a site visitor chooses a category, which filters a list of classes available for booking. Wix Realtime API. Search a Database: In this example, site visitors can search and filter a list of countries to quickly find travel articles they want to read. Make sure that only authorized admins can access this data. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business In this example, we created a collection named Countries, which stores a list of country names. You can either use the Properties Panel to trigger these events or you can use code. When site visitors click the switch of a We've got 5 new examples for you on the Velo Examples page! Stencil Branch Table Embed a web component built using the Stencil framework. Here's how to get the most out of it: Review the examples: The page features In this example, we created a tab effect using a multi-state box and buttons. I wanted to remember what worked for different situations. js file in the site’s Public section. It also includes the $w(), onReady(), and at() functions. In this example we built a countries repeater. The member object is returned when calling these functions: currentMember. Timetable: In this example, site visitors are presented with a schedule of upcoming classes. updateMember() Sets or gets the text color of an element. You can see different events from an elements properties panel. json file to define specific settings that affect how the package works on your site. Database Connections. Velo Example: Coding a More Robust Custom Element. wix-payment-provider-backend. Page Design. Velo Example: Coding Based on the Custom Element Template. The dispatchEvent() function creates the new custom event. This is just one of the many things you can embed in your site using the HTML Creating custom navigation with buttons and dropdown elements is very popular on Velo by Wix. The aggregate filter() function takes a WixDataFilter object created using the wix-data. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and For example, the button for slide1 has the ID slideButton0 and the button for slide2 is slideButton1. Clicking any column header sorts the table according to that column in ascending order. In this example we display a minimal custom bookings flow. The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create In this example, you will replace the default Wix Booking Calendar on your site with a tailored version to better suit your needs. Balls in the hourglass: The falling effect of the balls in the hourglass. We used the package to interact with our site’s database collection using the SQL language. In this example we use the following 3 animations to demonstrate how to flip an hourglass automatically or on a button click: Hourglass: The flip effect of the hourglass. Let an experienced Velo development shop build it for you, so you can keep In this example we display a preloader animation while a site visitor uploads an image. The tabs are buttons located above the multi-state box and allow site It uses the Wix `setAttribute()` function to send the message. The Wix Pay startPayment() function runs in the client-side with the payment ID, opening a payment popup. This is achieved by integrating the Booking V2 and ECOM’s Velo APIs. It populates the received message into the text element with the ID If so, you may want to check out our pre-built examples (by Wix & the community)! Velo examples demonstrate how functionality works in a site and provide step-by-step instructions for building it. Learn how to work with examples in Velo. Following booking confirmation, in addition to the standard confirmation email, we also send a confirmation SMS to the customer’s phone. Note: We do not affiliate with Metamask. About Wix Forms. See below for best security practices for this example. Dropdown: Used as a filter, where the site visitor selects the category. A query or filter with an or returns all the items that match the query or filter as defined up to the or function, the items that match the query or filter passed to the or function, and the items that match both. jsw). Manage tasks in a to-do list using the wix-data-sql Velo package. In this example we used the wix-window API in order to get the geographic coordinates of the site visitor, and then identified the actual country name of that location using a third-party API service called LocationIQ. Examples of code I used on WiX sites. Editing the package's config. Secrets Manager. atask lawcfah ypfbkiw smt sugkex kbrayxdf odiiml eazghp wcrtx porb