Integración de Athento y Salesforce – Athento

Athento dispone de integraciones con Salesforce para realizar multitud de operaciones, entre ellas se encuentran las siguientes:

Operaciones de envío de información

Existen varias operaciones en Athento que permiten crear objetos o enviar documentos a Salesforce.

Acceso y creación de documentación desde Salesforce

Athento dispone de una integración con Salesforce basada en la vista embebida de Salesforce y el componente Athento JS, especialmente diseñado para su integración en Salesforce.

Habitualmente para esta configuración se crea uno o varios espacios que almacenan la documentación por caso de gestión en Salesforce.

Añadir componente a Salesforce

Para añadir el componente de Athento a Salesforce, primero hay que acceder a la configuración desde el engranaje arriba a la derecha.

En la página de configuración, a la izquierda hay que buscar "Visualforce" y acceder al apartado de "Páginas de visualforce". Una vez en esa página se tendrá que añadir un nuevo elemento.

Al añadir el nuevo elemento, hay que escribir el siguiente trozo de código en el apartado "Visualforce markup".

<apex:page >
    <head>
        <style>
            .page-item {margin: 0;}
        
            .btn {
                margin: 0 !important;
                padding: .375rem .75rem !important;
                background-color: transparent;
                font-weight: 400 !important;
                font-size: .875rem !important;
            }
            
            .btn-outline-primary {
                color: #20a8d8 !important;
                border-color: #20a8d8 !important;
                background-color: transparent !important;
                background-image: none !important;
            }
            
            .btn-outline-primary:hover {
                color: #fff !important;
                background-color: #20a8d8 !important;
                border-color: #20a8d8 !important;
            }
        </style>
    </head>

    <div id="athento-document-list-root"
    data-api-base-url= '<Introducir la url de nuestra instancia de Athento>'
    data-search-body='<Introducir la query encriptada>'
    data-hash-integrity='<Introducir el hash de la query>'
    data-client-id='<Introducir el client id>'
    data-client-secret='<Introducir el client secret>'
    ></div>
     
    <script type="text/javascript" src="<URL de nuestra instancia de Athento>/site_media/athento-document-table/athento-document-table.js"></script>
    <link rel="stylesheet" href="<URL de nuestra instancia de Athento>/site_media/athento-document-table/athento-document-table.css"/>
    <link rel="stylesheet" href="<URL de nuestra instancia de Athento>/site_media/vendor/bootstrap-5.3.3/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="<URL de nuestra instancia de Athento>/site_media/vendor/coreui/css/coreui.min.css"/>
    <link rel="stylesheet" href="<URL de nuestra instancia de Athento>/site_media/css/athentose.css"/>
    <link rel="stylesheet" href="<URL de nuestra instancia de Athento>/site_media/css/ase_coreui.css"/>

</apex:page>

En esta documentación se desarrolla como obtener todos los datos necesarios para embeber el componente.

Además de añadir esto, se debe marcar el check "Disponible para Lightning Experience, sitios de Experience Builder y la aplicación móvil".

Una vez guardado, volvemos al inicio de la aplicación, y hay que hacer click otra vez en el engranaje. En este caso, hay que acceder a "Modificar página".

Al modificar la página, debemos arrastrar un elemento "Visualforce" donde se quiera visualizar la tabla. Después, al hacer click en el elemento, hay que seleccionar el componente que acabamos de crear "AthentoJS". También se puede modificar la altura para que se vea mejor.

Cuando se guarde la página ya se mostrará en el inicio.

Operaciones de envío de información

Acceso y creación de documentación desde Salesforce

Añadir componente a Salesforce

Artículos relacionados