# betterdocs/4.9.5/react-src/admin/settings/components/ElementorLink.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 35 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/settings/components/ElementorLink.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/admin/settings/components/ElementorLink.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/settings/components/ElementorLink.js#L10-L20`.

```javascript
import { __ } from "@wordpress/i18n";
import React from "react";

const ElementorLink = (args, props) => {
    return (
        <div className="betterdocs-settings-customizer-link design-elementor">
            <div className="betterdocs-card-content">
                <h2>
                    {__(
                        "Instant Design in Elementor",
                        "betterdocs"
                    )}
                </h2>
                <p>
                    {__(
                        "Easily design and customize your single docs, category archive page, FAQ builder &  more using pre-made templates and widgets for Elementor & see changes in real time.",
                        "betterdocs"
                    )}
                </p>
                <a className="betterdocs-customize-button" href={props.url}>
                    {props.button}
                </a>
            </div>
            <div className="betterdocs-card-icon">
                <img
                    src={props.customizer_img}
                    alt="betterdocs-documentation"
                />
            </div>
        </div>
    );
};

export default ElementorLink;

```