When a web page has a number of buttons, a request like “replace the button within the pricing segment” can depart room for interpretation. Divi AI Agents can paintings together with your web page construction, however attaching the precise part makes your goal clearer.

Context allows you to reference a module, preset, variable, web page, or different merchandise immediately for your request. As a substitute of describing the whole lot from scratch, you’ll be able to level to the content material or settings you wish to have the agent to make use of.

On this submit, we’ll discover the way to upload Context within the Divi 5 Visible Builder, select references for various duties, and mix them with Scope. We’ll additionally save ordinary references within Instructions and Laws.

Meet Divi AI Brokers

Divi AI Agents paintings throughout the Divi 5 Visible Builder. You’ll use plain-language directions to check out a web page, ask questions, or make adjustments in your structure and website online. Open the Divi AI Brokers panel from the left sidebar of the Visible Builder.

The chat window is the place you write requests and get admission to Context, Instructions, Laws, and Gear. Use Ask Mode for questions and recommendations, or Construct Mode when you wish to have the agent to make adjustments.

Earlier than including Context, it is helping to know how it differs from Scope. Each make a request extra particular, however they serve other functions.

How Context And Scope Paintings In Divi AI Brokers

Context provides knowledge for a request. It could determine a component to edit, a button to compare, a preset to use, or some other web page to make use of as a reference. Your suggested explains what the agent must do with it.

Scope assists in keeping the dialog fascinated with a decided on part. Observe-up requests proceed to discuss with that part till you transparent or exchange the Scope, so that you would not have to spot the objective in each message.

As an example, assume the Browse Classes button for your Get Began segment must fit the hero button. Connect the hero button as Context and set the Browse Classes button because the Scope.

Then ship this request in Construct Mode:

The hooked up button supplies the styling reference, Scope identifies the running goal, and the suggested specifies what must exchange. You’ll use Context and Scope in combination each time a role comes to each a reference and a separate goal. Whilst you transfer to some other a part of the web page, transparent the present Scope and choose the following part as wanted.

How To Upload Context In Divi AI Brokers

Context is added during the chat composer. Decided on references seem as chips within the message field, so you’ll be able to evaluate them earlier than sending your request.

Click on the Context icon or kind @ to open the Make a selection Context window. Browse by means of kind or seek for the object you want, then choose it to connect it in your message.

Attaching an merchandise does now not follow or exchange it on its own. Come with a suggested that explains whether or not the agent must check out it, use it as a reference, or adjust it.

Select The Proper Context For The Process

The Make a selection Context window contains Presets, Variables, Parts, Gear, Canvases, and content material from throughout your website online. Each and every supplies a special more or less reference.

Get started with the guidelines your request wishes. If the manner already exists as a preset, connect that preset. In case you handiest desire a stored URL or colour, a variable is also sufficient.

1. Use Presets For Stored Kinds

The Presets team contains stored Component Presets and Choice Crew Presets. Connect one when you wish to have the agent to make use of its present settings slightly than recreate the illusion from an outline.

On this instance, the options segment comprises six headings, from Self Guided Classes to Homework & Checks, that have been styled in my view. Connect the Route Heading preset, then ship this request in Construct Mode:

The purpose is to assign the stored preset to the headings. As soon as carried out, adjustments to its shared settings can replace the ones headings in combination, apart from the place native settings override the preset.

Evaluation the preset project after the duty to substantiate the headings use Route Heading. That is particularly helpful when changing in my view styled textual content with a reusable taste.

2. Use Variables For Reusable Values

The Variables team comprises the World Variables stored in your website online. Connect one to spot an actual reusable price, corresponding to a colour, font, quantity, or hyperlink.

The All Get right of entry to Club segment has two Be told Extra buttons that are meant to level to the touch web page. Connect the Touch Hyperlink variable and ship:

With the variable assigned to each hyperlinks, you’ll be able to exchange their vacation spot by means of updating Touch Hyperlink. You do not want to interchange the URL on every button one at a time.

As with presets, the respect is between the usage of the reference and copying its present price. Be specific when you wish to have the relationship to stay reusable.

3. Use Parts As References From The Present Web page

Connect an Component when one thing already at the web page supplies the reference you want. Within the previous instance, the hero button provided the styling for some other button.

A component will also be the objective of a request. As an example, connect a Textual content Module and ask the agent to proofread its content material. Whilst you come with more than one parts, identify which one must exchange and which must stay a reference.

Component Context works smartly for one-off duties. If a method must be reused ceaselessly around the website online, imagine saving it as a Preset and referencing that as an alternative.

4. Use Gear When The Approach Issues

Gear supply a special more or less steerage. A Preset, Variable, or Component identifies one thing the agent can check out or use. Attaching a Software issues towards a specific capacity for the duty.

As an example, the Fashionable Classes segment comprises hardcoded colours. Make a selection that segment because the Scope, connect Advertise Structure To World Variables, and ship this request in Ask Mode:

This software is related as it examines literal styling values and provides variable conversions. Attaching it does now not run the conversion by itself; the suggested and paintings mode nonetheless outline what you’re asking the agent to do.

Evaluation the tips first. When you’re able, transfer to Construct Mode and specify which adjustments to use, together with whether or not present variables must be reused.

You’ll browse to be had features during the Gear button within the composer. For extra element, see our post to Divi AI Agents Tools.

5. Reference Canvases And Different Web site Content material

Context can level past the principle web page you presently have open.

Use the Canvases team to reference a canvas used for a popup, off-canvas menu, or different structure. As an example, connect a publication popup when asking the agent to replace its reproduction or coordinate its styling with the present web page.

The picker additionally contains website online content material corresponding to pages, posts, Divi Library layouts, and menus. Different to be had content material is determined by your website online’s setup, together with content material varieties added by means of topics or plugins.

You may reference an licensed touchdown web page whilst development a brand new segment, or connect a menu you wish to have to replace. State whether or not the hooked up content material is a reference or the objective so the meant exchange is obvious.

6. Use Information, Pictures, And URLs As References

You’ll additionally provide subject matter from outdoor the builder. Use Connect Report for a supported report, or come with a URL for your suggested when you wish to have the agent to paintings from some other web page.

As an example, connect a screenshot as a visible reference or a TXT report containing licensed reproduction. Supported attachments come with JPEG and PNG pictures, TXT, HTML, and CSV information, and font information. Don’t suppose each file layout is supported.

Provide an explanation for what issues within the reference. A screenshot may information the structure, whilst an hooked up textual content report provides the wording. If you wish to maintain the present colours or typography, come with that instruction too.

Stay the references targeted. One related symbol or web page is ceaselessly extra helpful than a number of identical examples with conflicting main points.

Save Context Inside of Instructions And Laws

Attaching Context to a person request works smartly for a one-time activity. When an instruction again and again is determined by the similar preset, variable, or software, you’ll be able to save that reference within a Rule or Command.

A Rule supplies steerage for a way paintings must be finished. A Command shops a role you select to run. Each can come with Context, so that you would not have to connect the similar reference every time.

Upload Context To A Rule

Assume headings in characteristic and route playing cards must use the Route Heading preset. Save the reference with a Rule:

1. Open the Divi AI Brokers panel and click on the Laws icon.
2. Click on Upload New Rule.
3. Input a identify corresponding to Card Heading Taste.
4. Within the Rule box, write: Use the hooked up preset for headings in characteristic and route playing cards.
5. Click on the Context icon and fasten the Route Heading preset.
6. In When To Use, write: When including or enhancing headings in characteristic or route playing cards.
7. Go away At all times Use became off, then click on Save Rule.

With At all times Use off, the agent makes use of the When To Use description to come to a decision whether or not the Rule is related. This makes the instruction to be had for card-heading duties with out together with it routinely in each request.

Flip At all times Use on for steerage that are meant to accompany each request. For this situation, the narrower situation is a greater are compatible.

Attaching the preset additionally makes the Rule extra exact than wording corresponding to “use our standard heading taste.” The stored reference identifies the meant taste immediately.

Upload Context To A Command

Use a Command when the reference belongs to a repeatable activity you wish to have to run manually.

Previous, we reviewed a piece’s hardcoded colours with Advertise Structure To World Variables. Save that evaluate suggested and gear in combination so you’ll be able to reuse them on some other segment:

1. Click on the Instructions icon within the chat window.
2. Click on Upload New Command.
3. Input a identify corresponding to Recommend Colour Variables.
4. Within the Command box, upload: In finding the hardcoded colour values on this segment and counsel which of them to transform into World Variables. Record the tips with out making use of them.
5. Click on the Context icon and fasten the Advertise Structure To World Variables software.
6. Click on Save Command.

To make use of it, set the segment you wish to have reviewed because the Scope, transfer to Ask Mode, and kind / within the composer. Select Recommend Colour Variables, then evaluate the inserted suggested and Context earlier than sending.

The Command keeps the instruction and gear reference, whilst Scope identifies the segment for every run. Take a look at that Scope issues to the meant segment earlier than reusing the Command somewhere else.

Save Context That Nonetheless Makes Sense Later

Earlier than saving a reference within a Rule or Command, imagine whether or not it is going to stay helpful on some other web page.

Web site-level presets and variables are just right applicants for ordinary directions. Gear too can beef up repeatable workflows. A particular web page, menu, or canvas is also helpful while you intentionally wish to reference that very same merchandise every time.

A component from the present web page is extra particular. Saving it does now not routinely make it discuss with an similar part at the subsequent web page.

Stay the reusable portions within the stored instruction and provide the converting goal via Scope or the present suggested. This is helping a Command keep helpful with out wearing an out of date reference into a special activity.

Stay Context Centered

Including extra Context does now not routinely make a request clearer. Each and every reference provides knowledge for the agent to imagine, so come with what the duty wishes and depart unrelated subject matter out.

The Context Utilization meter displays how a lot of the dialog’s to be had running context is in use. The dialog contains greater than the chips for your present suggested; previous messages and different subject matter additionally give a contribution.

Whilst you transfer to an unrelated task, imagine beginning a brand new chat. This separates the following activity from the former dialog with out converting your web page or deleting stored Instructions and Laws.

Earlier than sending a request, take away any hooked up references that now not follow. Getting rid of a chip from a brand new suggested does now not erase knowledge already mentioned previous within the chat.

For ongoing paintings, stay the vital goal and constraints transparent. Connect the preset you wish to have used, determine the web page that are meant to information the design, and replace Scope when the running goal adjustments.

Give Divi AI Brokers Higher Context

An invaluable suggested explains the duty. Context provides the particular references in the back of it, whether or not that could be a stored preset, a hyperlink variable, an present part, or a design screenshot. Get started with the object the agent wishes to spot, then provide an explanation for the way it must be used. Mix Context with Scope when the reference and dealing goal are other, and save ordinary references within Instructions or Laws.

You do not want to connect the whole lot. A small set of related references, paired with a transparent instruction, provides Divi AI Brokers a extra exact place to begin.

The submit How To Use Divi AI Agents Context seemed first on Elegant Themes Blog.

read more