[SalesForce] Custom Button on Lightning Experience

There is a catch in case of cases and work orders objects when it comes to quick actions. In the article under Actions on record pages there is note that says

Actions on cases and work orders appear in a different way than on other records. On case and work order records, the page-level action menu contains custom buttons and supported standard buttons. Quick actions appear on the Feed tab.

For other objects, you can edit page in the Lightning Experience and then select Salesforce1 and Lightning Experience Actions from the selection panel. The panel states

Actions in this section are predefined by Salesforce. You can override the predefined actions to set a customized list of actions on Salesforce1 and Lightning Experience pages that use this layout....

Once you click override the predefined actions link, it will give you available actions for SF1 and lightning to use. And then position your lightning-action in your desired sequence, as shown below.

I worked on the Account object for this example, it should be no exception for other objects, and this is what I got

It should be noted that you can't add more than three (3) viewable lightning-actions on the page, as shown in the picture above in green square You can display upto 10 actions on page layout, but other action will available when you click the drop-down next to the last button on the right. There is an idea on this to let users display more Action Buttons on Lightning Highlights Panel, you can upvote that if it affects you.

Edit

I have just come across this Page Layouts in Lightning Experience trailhead and it says

The highlights panel, which contains key fields for the record, is the only part of a record page that you can’t customize using the page layout editor. The fields in the highlights panel are customized using a compact layout.

I just edited the highlights panel using page layout editor, strange. May be this trailhead content is old, if someone can put some light on this.

The only solution I found so far is the following.

Implementing custom component Buttons which implements flexipage:availableForRecordHome and force:hasRecordId interfaces

<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" access="global" >
    <lightning:button variant="brand" label="XXXX" onclick="{! c.action }"/>
</aura:component>

and contains one or several buttons.

In the lightning controller I can define the action for button click event.

({
    action : function(component, event, helper) {
        alert('x');
    }
})

Then I can put that component to User Records Page just beneath the Highlights Panel.

and thus having it on user layout in Lightning Experience interface.

For Salesforce Classic interface I have to create Lightning Out application

<aura:application extends="ltng:outApp" >
    <aura:dependency resource="c:Buttons"/>
</aura:application>

Then Visualforce page which will use Lightning Out Application and Lightning Component

<apex:page standardStylesheets="false" showHeader="false" sidebar="false" standardController="User" >

    <apex:includeScript value="/lightning/lightning.out.js" />

    <div id="lightning" />

    <script>
        $Lightning.use("c:ButtonsOut", function() {
            // Write a function that creates the component on the page
          $Lightning.createComponent("c:Buttons",
          {},
          "lightning",
          function(cmp) {
          });
        });
    </script>

    <style>
        body{
            margin: 0;
        }
    </style>

</apex:page>

Then I have to modify layout and put page to the top available section of the User Layout.

Unfortunately, I can't put it above the Standards Fields section. Nor by point and click configuration neither by layout XML ANT Deployment Tool hacking.